JavaScript 基础:关键操作符的各种规则

2020-08-21  本文已影响0人  7emini

最近在阅读《JavaScript 高级程序设计(第三版)》,通过阅读它来学习 JS 知识,本文大部知识内容分来自此书,推荐阅读。

相等操作符和全等操作符

JS 中使用 == 表示相等操作符 === 表示全等操作符;!= 表示不相等操作符 !== 表示不全等操作符。

相等和不相等操作符的遵循下面的规则:

当遇到不同数据类型比较时:

这两个操作符在进行比较时则要遵循下列规则:

注意:null == undefined 返回 true 因为它们是类似的值,但是 null === undefined 会返回 false 因为它们是不同类型的值。

布尔操作符

JS中布尔操作符一共有三个 非(NOT)、与(AND)、或(OR)

(1)逻辑非

逻辑非操作符由一个叹号(!)表示,可以应用于 ECMAScript 中的任何值。无论这个值是什么数据 类型,这个操作符都会返回一个布尔值。逻辑非操作符首先会将它的操作数转换为一个布尔值,然后再 对其求反。 逻辑非操作符遵循下列规则:

小技巧:逻辑非操作符也可以用于将一个值转换为与其对应的布尔值。而同时使用两个逻辑非操作符,实际 上就会模拟 Boolean() 转型函数的行为。

为啥会这样呢,因为第一次使用逻辑非是将操作数转换为布尔类型的值,然后在取反,再次使用逻辑非就把反的数值正过来了。

(2)逻辑与

逻辑与操作符由两个和号(&&)表示,有两个操作数

第一个操作数 第二个操作数 结果
true true true
true false false
false true false
false false false

逻辑与操作可以应用于任何类型的操作数,而不仅仅是布尔值。在有一个操作数不是布尔值的情况 下,逻辑与操作就不一定返回布尔值;此时,它遵循下列规则:

(3)逻辑或

逻辑或操作符由两个竖线符号(||)表示,有两个操作数

第一个操作数 第二个操作数 结果
true true true
true false true
false true true
false false false

与逻辑与操作相似,如果有一个操作数不是布尔值,逻辑或也不一定返回布尔值;此时,它遵循下 列规则:

(4)短路操作

逻辑与与逻辑或操作属于短路操作,即如果第一个操作数能够决定结果,那么就不会再对第二个操作数求值。对于逻辑与而言,如果第一个操作数为 true ,则第二个操作数为 true 才能返回 true,因此第二个操作数能够决定结果。对于逻辑或而言,如果第一个操作数为 false 则第二个操作数为 true 才能返回 true,因此第二个操作数决定结果,如果第一个操作数为 true,则直接返回 true,因此第一个操作数决定结果。

小技巧:可以利用逻辑或短路操作来避免为变量赋 nullundefined 值。

var a = false;
var b = 10
var result = (a || b); // result 的值为10,因为a为false,所以b决定返回结果

加性操作符 和 乘性操作符

(1)乘法

(2)除法

(3)取余

(4)加法

不过,如果有一个操作数是字符串,那么就要应用如下规则:

如果有一个操作数是对象、数值或布尔值,则调用它们的 toString() 方法取得相应的字符串值,然后再应用前面关于字符串的规则。对于 undefinednull,则分别调用 String() 函数并取得字符 串"undefined""null"

(5)减法

关系操作符

小于(<)、大于(>)、小于等于(<=)和大于等于(>=)这几个关系操作符用于对两个值进行比
较,比较的规则与我们在数学课上所学的一样。

一元操作符

只能操作一个值的操作符叫一元操作符

(1)递增和递减操作符

递增和递减操作符是一元操作符,它可以操作JS中的任意值。它分为前置型和后置型。前置型和后置型的区别在于它们的操作顺序,举个例子:

var a = 10;
var b = 20;
var c = a + --b; // c的值为29,原因是b先进行了递减操作,再与a相加
var a = 10;
var b = 20;
var c = a + b--; // c的值为30,原因是a先与b相加,b再进行递减操作
var d = b;       // d的值为19

再《JS高级程序设计》中原话是这样翻译的:

执行前置递增和递减操作时(注意是前置),变量的值都是在语句被求值前改变的。

后置递增和递减与前置递增递减有一个非常重要的区别,即(后置)递增和递减操作是在包含它们的语句被求值之后才执行的。

意思也就是在 多个运算中 前置递增递减操作是先执行的,那么反之后置的递增递减操作则是后执行的。

JS中递增和递减操作符遵循以下原则:

(2)一元加和一元减操作符

一元加操作符以一个加号(+)表示,放在数值前面,对数值不会产生任何影响。

一元减操作符主要用于表示负数,例如将1转化成-1。

var num = 25;
num = +num; // 仍然是25

那这玩意有啥用啊?然后《JS高级程序设计》又说了:

不过,在对非数值应用一元加操作符时,该操作符会像 Number() 转型函数一样对这个值执行转换。 换句话说,布尔值 falsetrue 将被转换为 01,字符串值会被按照一组特殊的规则进行解析,而 对象是先调用它们的 valueOf() 和(或) toString() 方法,再转换得到的值。

其实就是将操作数变为数字类型的值,然后可以继续进行后续的数值操作。

上一篇 下一篇

猜你喜欢

热点阅读