JavaScript高级程序设计（第3版）学习笔记4 js运算符和操作符_基础知识

1、自增（减）有前置和后置两种类型，前置先自增（减）再参与其它运算，后置先参与其它运算再自增（减）。

2、在ES中，自增（减）不仅适用于整数，它们可以作用于任意值，对于不是Number类型的值，会先按前一篇文章中的规则隐式转换为Number，然后再自增（减），此时变量类型也会变成Number类型。

1、除了加（+）之外，如果操作数不是Number类型，会自动调用Number()转换为Number类型再进行计算。

2、对于加减（+-），除了作为算术运算符。还可以作为一元操作符（见上）。当然，由于字符串操作中对加号（+）的重载，还可以用于将任意数值（的字符串）相连，这也是第1点中为什么要除了加（+），它在含有非Number类型值时，会将所有操作数转换为字符串相连接。

3、与一般类C语言不同，在ES中，除（/）和取模（%）并不会区分整数和浮点数，比如 5 / 2 = 2.5 而不是2，5.3 % 3 = 2.3 而不是2。

4、任意运算，只要操作数含NaN，结果就是NaN。但并不是结果为NaN就一定有一个操作数为NaN，比如0/0也返回NaN。

5、对于含无穷Infinity的运算，规定比较多，这里就不列举了，可以参考原书，或者自行测试。

（布尔操作符）

首先将操作数转换为Boolean类型值，然后再取反。可以使用双重非!!将一个数值转换为相应的Boolean值。 

1、当两个操作数相应的Boolean值均为true时，返回true

2、短路：当第一个操作数相应的Boolean值为false时，会直接返回false，不会再计算第二个操作数。这常常被应用在判断一个变量（属性）是否有定义，如：
if(object && object.name && object.name = 'linjisong'){ }
 这里会首先判断object存在，不存在的话就不会解析object.name从而阻止错误的发生，同样，也只有object.name存在，才会去比较这个值。

1、当两个操作数相应的Boolean值至少有一个为true时，返回true

2、短路：当第一个操作数相应的Boolean值为true时，会直接返回true，不会再计算第二个操作数。

3、逻辑或，除了用于一般的判断之外，还常常被应用在提供默认值的情况，如：

这里如果调用Fn未传入obj，则会自动给obj赋值为undefined，然后因为undefined的相应Boolean值为false，所以会将一个空对象{}赋值给obj，如果调用传入了obj，则因为任意对象的Boolean值为true，所以就不会取后面的{}，从而达到给obj一个默认值{}的效果。

这种方式还被应用在大型JS库的多个相对独立的文件中:
//jsLib
var jsLib;
//file1
(function (jsLib){
　　 jsLib = jsLib || {};
})(jsLib);

//file2
(function (jsLib){
　　 jsLib = jsLib || {};
})(jsLib);

Lovable

AI辅助编程工具

下载

使用这种方式，无论先加载哪个文件，都会判断jsLib是否已经定义，如果未定义就提供一个默认值，这样做可以使得相对独立模块可以不用考虑加载顺序。

关系操作符

（比较操作符）

1、只要有一个操作数是Number类型或Boolean类型值，就将两个操作数转换成Number类型值（如果需要转换）执行数值比较。

2、字符串比较，会逐个比较字符编码值。

3、操作符是对象时，调用valueOf()（如果没有，就调用toString()），再将结果按上面规则比较。

4、任意数和NaN比较返回false。

1、相等和不等（==、!=）在比较时，只要有必要，就会隐式类型转换。

2、全等和不全等（===、!==）在比较时，不会转换类型，如果类型不一致，直接为!==。

3、结合1、2，可以知道，a===b则一定有a==b，而a!=b则一定有a!==b。

主要用途：

1、结合逗号操作符用于赋值。例如：var num = (5,1,4,8,0);这里num最后的值为0。

2、转换为表达式。比如eval('('+jsStr+')');又比如：
function fn(){
}//函数声明，不能直接调用
(function fn(){
})();//使用()将函数括起来，便可以直接调用
3、用于调用函数。比如fn();。

返回一个字符串值：Undefined类型—>'undefined'、Null类型—>'object'、Boolean类型—>'boolean'、Number类型—>‘number'、String—>'string'、内置Function对象的实例—>'function'、其它Object类型—>'object'。（有些浏览器实现略有不同）