高级前端
js
【Q571】关于类型转化,判断以下代码输出

关于类型转化,判断以下代码输出

更多描述

Boolean(new Boolean(false));
Boolean(document.all);
 
[] == "";
[3] == 3;
[] == false;
42 == true;

Issue 欢迎在 Gtihub Issue 中回答此问题: Issue 586 (opens in a new tab)

Author 回答者: mrrs878 (opens in a new tab)

==时,会强制类型转换并比较转换后的结果

比较过程如下:

  • 如果两个变量都是对象,则当都引用同一对象时才返回true
  • null == undefined ? 返回true
  • 当两个变量类型不一致时会进行类型转换:
    • string == number ? string转换为number后再进行比较
    • boolean == any ? boolean转换为number后再进行比较
    • object == string/number/symbol ? 尝试调用objectvalueOftoString将其转换为原始类型后再进行比较
  • 当两个变量类型一致时:
    • number == number ? 其中有一个为NaN时返回false; +0 == -0时返回true

非原创,原作者未知

所以[] == 0时:

  1. []先调用Array.prototype.toString转为原始值
Array.prototype.toString.call([]);
// ""
  1. "" == 0""转为number即0

  2. 0 == 0,返回true

其他几行代码同理

Author 回答者: wuzqZZZ (opens in a new tab)

[] == "";
// 1. [].toString() => ""
// 2. "" == ""
// 3. Number("") => 0
// 4. 0 == 0 => true
 
[3] == 3;
// 1. [3].toString() => "3"
// 2. "3" == 3
// 3. Number("3") => 3
// 4. 3 == 3 => true
 
[] == false;
// 1. [].toString() => ""
// 2. "" == false
// 3. Number("") => 0   Number(false) => 0
// 4. 0 == 0 => true
 
42 == true;
// 1. Number(true) => 1
// 2. 42 == 1 => false

Author 回答者: yaochiqkl (opens in a new tab)

当 Boolean() 作为构造函数调用时,将创建 [Boolean] 对象,它不是一个原始值。

当 Boolean() 作为普通函数调用时(不使用 new),它将参数强制转换为布尔原始值。

Author 回答者: loveminxo (opens in a new tab)

这是来自QQ邮箱的假期自动回复邮件。你好,我最近正在休假中,无法亲自回复你的邮件。我将在假期结束后,尽快给你回复。