01JavaScript基础语法

变量名尽量有意义（语义化）
• 遵循驼峰命名规则，由多个单词组成的时候，从第二个单词开始首字母大写

数据类型（重点）

• 基本数据类型
• 复杂数据类型

基本数据类型

1. 数值类型（number）
   一切数字都是数值类型（包括二进制，十进制，十六进制等）
   NaN（not a number），一个非数字
2. 字符串类型（string）
   被引号包裹的所有内容（可以是单引号也可以是双引号）
3. 布尔类型（boolean）
   只有两个（true 或者 false）
4. null类型（null）
   只有一个，就是 null，表示空的意思
5. undefined类型（undefined）
   只有一个，就是 undefined，表示没有值的意思

复杂数据类型

1. 对象类型（object）
2. 函数类型（function）
3. …

判断数据类型
使用 typeof 关键字来进行判断

var s1 = 'abcdefg';
console.log(typeof(s1));

注意：
typeof null //"object"
typeof typeof 任意类型 // 结果都是string++

判断一个变量是不是数字
使用 isNaN 方法

var n1 = 100;
console.log(isNaN(n1));

数据类型转换

其他数据类型转成数值

• Number(变量)

1. 可以把一个变量强制转换成数值类型
2. 可以转换小数，会保留小数
3. 可以转换布尔值
4. 遇到不可转换的都会返回 NaN

• parseInt(变量)

1. 从第一位开始检查，是数字就转换，知道一个不是数字的内容
2. 开头就不是数字，那么直接返回 NaN
3. 只能保留整数

• parseFloat(变量)

1. 从第一位开始检查，是数字就转换，直到一个不是数字的内容
2. 开头就不是数字，那么直接返回 NaN
3. 认识一个小数点
4. 除了加法以外的数学运算
5. 运算符两边都是可运算数字才行
6. 如果运算符任何一遍不是一个可运算数字，那么就会返回 NaN
7. 加法不可以用

其他数据类型转成字符串

• 变量.toString()

1. 有一些数据类型不能使用 toString() 方法，比如 undefined 和 null

• String(变量)

1. 所有数据类型都可以
2. 使用加法运算
3. 在 JS 里面，+ 有两个含义。
   字符串拼接： 只要 + 任意一边是字符串，就会进行字符串拼接。
   加法运算：只有 + 两边都是数字的时候，才会进行数学运算。

其他数据类型转成布尔

• Boolean(变量)

1. 在 js 中，只有 ‘’、0、null、undefined、NaN，这些是 false，其余都是 true

运算符

• 数学运算符
• 赋值运算符
• 比较运算符
• 逻辑运算符
• 自增自减运算符（一元运算符）

数学运算符

1. +

   只有符号两边都是数字的时候才会进行加法运算
   • 只要符号任意一边是字符串类型，就会进行字符串拼接

2. -

   会执行减法运算
   • 会自动把两边都转换成数字进行运算

3. *

   会执行乘法运算
   • 会自动把两边都转换成数字进行运算

4. /

   会执行除法运算
   • 会自动把两边都转换成数字进行运算

5. %

   会执行取余运算
   • 会自动把两边都转换成数字进行运算

赋值运算符

1. =

   就是把 = 右边的赋值给等号左边的变量名
   • var num = 100
   • 就是把 100 赋值给 num 变量
   • 那么 num 变量的值就是 100

2. +=

var a = 10;
a += 10;
console.log(a); //=> 20
a += 10 等价于 a = a + 10

1. -=

var a = 10;
a -= 10;
console.log(a); //=> 0
a -= 10 等价于 a = a - 10

1. *=

var a = 10;
a *= 10;
console.log(a); //=> 100
a *= 10 等价于 a = a * 10

1. /+

var a = 10;
a /= 10;
console.log(a); //=> 1
a /= 10 等价于 a = a / 10

1. %=

var a = 10;
a %= 10;
console.log(a); //=> 0
a %= 10 等价于 a = a % 10

比较运算符

• 运算结果是布尔值

1. ==
   比较符号两边的值是否相等，不管数据类型
   • 1 == ‘1’ // true
   • NaN == NaN // false
2. ===
   比较符号两边的值和数据类型是否都相等
   • 1 === ‘1’ //false 数据类型不一样

== 近似等于  : 会发生隐式数据类型转换; 性能消耗比较大。
=== 绝对等于  : 编程之中推荐使用绝对等于; 优先比对数据类型。

var str = "1";
var num = 1;
var res = str == num; // true
小重点 : 赋值运算符的权重最低，所以先算右边==，再进行=运算

1. != (近似不等于)
   比较符号两边的值是否不等
   • 1 != ‘1’ //false 值相等
2. !== (绝对不等于)
   比较符号两边的数据类型和值是否不等
   • 1 !== ‘1’ //true 数据类型不一样
3. >=
   比较左边的值是否 大于或等于 右边的值
   • 1 >= 1 true
   • 1 >= 0 true
   • 1 >= 2 false
4. <=
   比较左边的值是否 小于或等于 右边的值
   • 1 <= 2 true
   • 1 <= 1 true
   • 1 <= 0 false
5. >
   比较左边的值是否 大于 右边的值
   • 1 > 0 true
   • 1 > 1 false
   • 1 > 2 false
6. <
   比较左边的值是否 小于 右边的值
   • 1 < 2 true
   • 1 < 1 false
   • 1 < 0 false

//会发生隐式数据类型转换;
var num1 = 1 ;
var num2 = "2";
console.log(num1 > num2);// false;

// 字符串大小比对;
var num1 = "1" ;
var num2 = "2";
console.log(num1 > num2); // false;

// * 特殊情况;
// 字符串会转换成 ASCII 之后再进行比对。
var str1 = "一";
var str2 = "丁";
console.log(str1 > str2)//false

JavaScript是一个弱类型语言 :  隐式数据类型转换是常态!
**   >=和<=也会发生隐式数据类型转换   **

逻辑运算符

1. &&
   进行 且 的运算
   • 符号左边必须为 true 并且右边也是 true，才会返回 true
   • 只要有一边不是 true，那么就会返回 false
   • true && true true
   • true && false false
   • false && true false
   • false && false false
2. ||
   进行 或 的运算
   • 符号的左边为 true 或者右边为 true，都会返回 true
   • 只有两边都是 false 的时候才会返回 false
   • true || true true
   • true || false true
   • false || true true
   • false || false false
3. !
   进行 取反 运算
   • 本身是 true 的，会变成 false
   • 本身是 false 的，会变成 true
   • !true false
   • !false true

自增自减运算符（一元运算符）

• 自增运算 : 元 | 目 : 参与运算的数字;

1. ++ ( 自增运符==>变量才有自增 )
   程序运行规则 : 从上到下，从左到右;
   • 进行自增运算
   • 分成两种，前置++ 和 后置++

//前置++，会先把值自动 +1，在返回
var a = 10;
console.log(++a);
//会返回 11，并且把 a 的值变成 11

//后置++，会先把值返回，在自动+1
var a = 10;
console.log(a++);
// 会返回 10，然后把 a 的值变成 11

1. –

   进行自减运算
   • 分成两种，前置-- 和 后置–
   • 和 ++ 运算符道理一样

//前置--
var a = 10;
console.log(--a);
// 会返回 9，并且把 a 的值变成 9

var k=1;
var sum =  ++k + k++ + ++k + k;
//          2  + 2  +  4   + 4  =  12
console.log( k );//4
console.log( sum );//12

//后置--，会先把值返回，在自动-1
var a = 10;
console.log(a--);
// 会返回 10，然后把 a 的值变成 9

• 点赞
• 收藏
• 分享
• 文章举报