JavaScript 中的相等性判断及类型转换解释

此篇文章是参考MDN的JavaScript 中的相等性判断

 

常见比较两个值相等的方法有四种

1. 非严格相等 ==

2. 严格相等 === 常用于
   a. Array.prototype.indexOf
   b. Array.prototype.lastIndexOf
   c. case-matching

3. 同值零：用于 %TypedArray% 和 ArrayBuffer 构造函数、以及Map和Set操作, 并将用于 ES2016/ES7 中的String.prototype.includes

4. 同值: 用于所有其他地方

5. 以及 Object.is （ECMAScript 2015/ ES6 新特性），几乎和===一样

各数据类型相互比较时的隐式转换

• Undefined --- 无
• Null --- 无
• Number
• String -- ToNumber()
• Boolean -- ToNumber()
• Object -- ToPrimitive()，注意当Object和Undefined/Null比较时，Object的隐式转换会调用IsFalsy()

类型转换的方法详解

ToNumber()

这是SpiderMonkey 17引入的功能，将任何JavaScript值转换为double。

ToPrimitive()

Symbol.toPrimitive 是一个内置的 Symbol 值，它是作为对象的函数值属性存在的，当一个对象转换为对应的原始值时，会调用此函数
每个对象在创建的时候对象内部都会有[Symbol.toPrimitive] (hint)这个方法，我们可以通过重写对象内部的[Symbol.toPrimitive] (hint)即可修改这个方法，如：

 

// 一个没有提供 Symbol.toPrimitive 属性的对象，参与运算时的输出结果
var obj1 = {};
console.log(+obj1);     // NaN
console.log(`${obj1}`); // "[object Object]"
console.log(obj1 + ""); // "[object Object]"

// 接下面声明一个对象，手动赋予了 Symbol.toPrimitive 属性，再来查看输出结果
var obj2 = {
  [Symbol.toPrimitive](hint) {
    if (hint == "number") {
      return 10;
    }
    if (hint == "string") {
      return "hello";
    }
    return true;
  }};
console.log(+obj2);     // 10      -- hint 参数值是 "number"
console.log(`${obj2}`); // "hello" -- hint 参数值是 "string"
console.log(obj2 + ""); // "true"  -- hint 参数值是 "default"