4. 运算符和表达式
4.3 赋值运算符和表达式
1.赋值运算符 =
作用：赋值运算符就是将右边的内容赋值给左边的变量或属性。
var result = 1 + 2;
2.复合赋值运算符 +=,-=,*=,/=
var x = 0;
var y = 1;
x += y; //等价于 x = x + y;
console.log(x);
4.4 条件运算符和表达式
条件运算符 条件表达式的结果一定是布尔值
var a = 10;
var b = 15;
1. > 大于 < 小于
console.log(a > b);
console.log(a < b);
2. >= 大于等于 <= 小于等于
console.log(a >= b);
console.log(a <= b);
3. == 等于 != 不等于
== 双等于会进行类型的隐式转换，比较两者是否相等
a = 10;
b = '10';
console.log(a == b); //true
console.log(a != b); //false
4. === 全等于 !== 不全等于
全等于会先判断两者的数据类型，不相同则直接返回false，否则继续比较是否一致
console.log(a === b); //false
console.log(a !== b); //true
4.5 逻辑运算符和表达式
①.逻辑运算符一般情况（逻辑运算符两边都是条件表达式）
逻辑运算符
1. && 表示并且 全真为真，一假则假
2. || 表示或者 全假则假，一真则真
3. ! 取反（true变false false变true）
var height = 180;
var weight = 70;
// 全真
console.log(height > 175 && weight < 80);//true
weight = 81;
// 一假
console.log(height > 175 && weight < 80);//false
// 一假
console.log(height > 175 || weight < 80);//true
// 全假
height = 174;
console.log(height > 175 || weight < 80);//false
②.逻辑运算符特殊情况（逻辑运算符两边有一边不是条件表达式）
逻辑运算符的特殊情况：逻辑运算符两边有一边不是条件表达式
1. && 前面为真，结果为后面的值
前面为假，直接返回前面的值，后面的表达式不执行
2. || 前面为真，直接返回前面的值，后面的表达式不执行
前面为假，结果为后面的值
3. 注意点：值本身作为返回结果，不是值隐式转化的布尔值
var a = 0;
var b = 10;
// 对于数字而言，0和NaN隐式转换成false，其他为true
console.log(a && ++b); //0
console.log(a || ++b); //11
var c = '';
var d = 'df';
// 对于字符串而言，空串是false，其他为true
console.log(c && d); //''
console.log(c || d); //'df'
③.逻辑非
// ! 非，表示取反
// !就是将后面的布尔值值取反，不是布尔值的隐式转换成布尔值取反
console.log(!true); //false
console.log(!false); //true
console.log(!0); // true
console.log(!NaN); //true
console.log(!5); //false
console.log(!''); //true
console.log(!'df'); //false
console.log(!' '); //false
4.6 三元运算符和表达式
1. 一元运算符 ++ -- !
2. 二元运算符 + - * / % && || =(赋值运算符的优先级很低)
3. 三元运算符 flag ? x : y
说明：flag 为真，执行x；flag 为假，执行y
var a = 10;
var b = 20;
console.log(a > b ? a++ : b++); // 20 b=21
b = 20;
console.log('' ? a++ : b++);// 20 b=21
b = 20;
console.log(325 ? a++ : b++); //10 a=11
4.7 一元加法（值转换成数字）
当一个值前面出现 '+' ，代表将这个值转化成数字，转化失败返回NaN
console.log(+'45'); //45
4.8 运算符优先级问题
// 运算符的优先级问题
// 乘除优先
var a = 1;
var b = 2;
console.log(a + b * 3); // 7
// 自增自减优先级较高
var c = 3;
var d = 4;
console.log(c + d++); //7
// 同优先级的运算符自左向右依次执行
var e = 5;
var f = 6;
var g = 7;
console.log(e + f - g); //4
5. 数据类型转化
5.1 数据类型的强制转换
①.其他类型转数字 Number()
1 字符串转数字
var num = 'abc123'; //NaN(not a number)：表示这不是一个数字，是一种类型
num = '123456'; //123456
num = ' 123456'; //123456
num = '123456 '; //123456
num = '123 456'; //NaN
num = ''; //0
num = ' '; //0
Number(num)
2 布尔值转数字
num = true; //1
num = false; //0
Number(num)
3 undefined转数字
num = undefined; // NaN
Number(num)
4 null转数字
num = null; //0
Number(num)
总结：
字符串转数字：当一个字符串整体是一个数字时，可以直接转化出来，可以忽略字符串左右的空白，中间有空白不可以
当一个字符串为空串或者空白串时，转出来都是数字0
剩余情况下字符串都转化成 NaN
布尔值转数字：true时转为1，false时转为0
undefined转数字：NaN
null转数字：0
②.其他类型转字符串String()
无论什么数据类型转字符串，就是加上引号即可
③.其他类型转布尔值Boolean()
1 数字转布尔值
var flag = 1; //true
flag = 3; //true
flag = -0.5; //true
flag = 0; //false
flag = NaN; //false
Boolean(flag)
2 字符串转布尔值
flag = "haha123"; //true
flag = ' '; //true
flag = '0'; //true
flag = ''; //false
Boolean(flag)
3 undefined转布尔值
flag = undefined; // false
Boolean(flag)
4 null转布尔值
flag = null; // false
Boolean(flag)
总结
数字转布尔值：除了0和NaN都是true
字符串转布尔值：除了空串其他都是true
undefined转布尔值：false
null转布尔值：false
5.2 数据类型的隐式转换
①.隐式转换发生在：数据的运算，比较，判等中
②.数据的判等 ==
1.先看两边是不是同一种数据类型，如果是，看值是否一致
2.如果不是，则两边同时转换成数字
console.log(10 == 11); // false
console.log('10' == 10); //true
console.log(1 == true); //true
3.判等的特殊情况
// 判等的特殊情况：null
// null 与 0 不同
console.log(null == 0); // false
// null 与 '' 不同
console.log(null == ''); //false
// null 与 false 不同
console.log(null == false); //false
// null 与 undefined 相同
console.log(null == undefined); //true
// null 与 null 相同
console.log(null == null);//true
③.数据之间的运算和比较
1.数据的运算和比较正常都是转成数字
2.特殊情况：
①.+号左右存在字符串，就是拼接字符串
②.如果比较运算符左右都是字符串，比较的是ascll码的大小
④.NaN的特殊性
1.NaN与任何值判等都是不等
2.NaN与任何值比较大小，结果都是false
3.NaN与任何值运算，结果都是NaN，除了与字符串拼接
console.log(NaN == NaN); //false
console.log(NaN > 5); //false
console.log(NaN < 5); //false
console.log(NaN + NaN); //NaN
console.log(NaN + 'hello'); //NaNhello
5.3 字符串当中提取数字
①.语法
parseInt() 只取整数部分
parseFloat() 不光要整数部分还要小数部分
②.要求
1.数字必须在字符串前面
2.可以处理前面的空格，无法处理中间的空格
var str = '';
str = 'aa123'; //NaN
str = ' 123.9'; // 123 123.9
str = ' 123. 9 ' //123 123
console.log(parseInt(str));
console.log(parseFloat(str));
③.应用范围
1.可以用于字符串取数字
2.可以用作小数取整
5.4 js常见的错误
console.log(b)
// ReferenceError: b is not defined 引用错误 b这个变量没有定义
console.log(‘’)
// SyntaxError: Invalid or unexpected token 语法错误 出现了非法的或者是不认识符号或者标识符
// 会有一个检查你代码语法的过程 如果不通过 一行代码都执行不了
a()
// TypeError: a is not a function 类型错误 a不是一个函数
// 错误的把一个变量当作函数来用了
