相等与等同运算符
视频锁定
{$ currentTime | date:'mm:ss' $}
{$ timeLeft | date:'mm:ss' $}
运算符==读作相等,而运算符===则读作等同。这两种运算符操作都是在 JavaScript
代码中经常见到的,但是意义则不完全相同,简而言之,相等操作符会对两边的操作数做类型转换,而等同则不会。我们还是通过例子来说明:
print(1 == true);
print(1 === true);
print("" == false);
print("" === false);
print(null == undefined);
print(null === undefined);
运行结果如下:
true
false
true
false
true
false
相等和等同运算符的规则分别如下:
相等运算符
如果操作数具有相同的类型,则判断其等同性,如果两个操作数的值相等,则返回 true(相等),否则返回 false(不相等).
如果操作数的类型不同,则按照这样的情况来判断:
- null 和 undefined 相等
- 其中一个是数字,另一个是字符串,则将字符串转换为数字,在做比较
- 其中一个是 true,先转换成 1(false 则转换为 0)在做比较
- 如果一个值是对象,另一个是数字/字符串,则将对象转换为原始值(通过 toString()或者 valueOf()方法)
- 其他情况,则直接返回 false
等同运算符
如果操作数的类型不同,则不进行值的判断,直接返回 false
如果操作数的类型相同,分下列情况来判断:
- 都是数字的情况,如果值相同,则两者等同(有一个例外,就是 NaN,NaN 与其本身也不相等),否则不等同
- 都是字符串的情况,与其他程序设计语言一样,如果串的值不等,则不等同,否则等同
- 都是布尔值,且值均为 true/false,则等同,否则不等同
- 如果两个操作数引用同一个对象(数组,函数),则两者完全等同,否则不等同
- 如果两个操作数均为 null/undefined,则等同,否则不等同
比如:
var obj = {
id : "self",
name : "object"
};
var oa = obj;
var ob = obj;
print(oa == ob);
print(oa === ob);
会返回:
true
true
再来看一个对象的例子:
var obj1 = {
id : "self",
name : "object",
toString : function(){
return "object 1";
}
}
var obj2 = "object 1";
print(obj1 == obj2);
print(obj1 === obj2);
返回值为:
true
false
obj1 是一个对象,而 obj2 是一个结构与之完全不同的字符串,而如果用相等操作符 来判断,则两者是完全相同的,因为 obj1 重载了顶层对象的 toString 方法。
而不等(!=)和不等同(!==),则与相等(==)/等同(!==)相反。因此,在 JavaScript中,使用相等/等同,不等/不等同的时候,一定要注意类型的转换,这里推荐使用等同/不 等同来进行判断,这样可以避免一些难以调试的 bug。
在线练习
{$ activeFileHint $}