前言

最近和大創扯淡時說到了[] == false，從結果上來看我倆都答錯了，從氣勢上來說我倆的歪理都能出書了（恩，程序猿的驕傲），但是這其實背后隱藏了一潭很深的水，對，很深。。。

?

隱式類型轉換

JS的數據類型

首先，回想一下JS的類型都有什么。

原始值（primitives）： undefined， null， booleans， numbers，strings， symbol（es6）

對象值（objects）： Object

ok， 這就是全部了，我們接下來看看到底發生了什么導致隱式轉換如此不可捉摸。

ToPrimitive

在發生轉換的時候，js其實都是會將操作對象轉化為原始的對象，這也是最為詬病的地方，因為js很難直接拋出錯誤，她會用一套自己的方法去理解我們的錯誤，并做相應的調整，哪怕這些錯誤我們是無意識的。所以我們要知道她的轉換方式，才能做到知己知彼，對代碼的控制更為精準。

簽名：ToPrimitive(input, PreferredType?) //PreferredType: Number 或者 String

流程如下：

?input為原始值，直接返回；

不是原始值，調用該對象的valueOf()方法，如果結果是原始值，返回原始值；

調用valueOf()不是原始值，調用此對象的toString()方法，如果結果為原始值，返回原始值；

如果返回的不是原始值，拋出異常TypeError。

其中PreferredType控制線調取valueOf()還是toString()。

ps: Date類型按照String去調用。

ok，通過這個隱式裝箱，我們得到了操作數的原始值。接下來，我們根據不同情況，看看發生了什么呢~

數學運算

想必大家用過以下做法去完成類型轉換吧

var str = '1'; var num = str - 0;var num = 2; var str = num + '';

這種類似的數學運算會做類型轉換，*，/和-操作符都是數字運算專用的。當這些運算符與字符串一起使用時，會強制轉換字符串為數字類型的值。但是‘+’尤為致命，為啥捏？

當'+'作為雙目運算符時，如a+b。

它的運行如下：

計算兩個操作數的原始值： prima =?ToPrimitive(a),?prima = ToPrimitive(b)；

如果原始值有String,全部轉換為String，返回String相加后的結果；

如果原始值沒有String,全部轉換為Number， 返回Number相加后的結果；

當'+'作為單目運算符時, 例如 +a.

流程是這樣的：

將a轉換為Number,Number(a)；

?

舉個栗子：

[] + []

1. 轉換為原始類型 toPrimitive([]);[].valueOf();//[]，不是原始類型 [].toString();//"",真是令人發指的轉換2. 都為string，所以返回字符串想家的結果return "" + "";

{} + [] 與 [] + {}

{} + [] 1. 在瀏覽器中，JS引擎認為第一個{}為空代碼塊，所以 這里的 '+'是單目運算符(node中認為是對象，解析為"[object Object]")ToPrimitive([]); //""2. Number("");//0 [] + {} 1. ToPrimitive([]); //""ToPrimitive({}); //"[object Object]"2. 都為stringreturn "" + "[object Object]";//"[object Object]"

PS: [].valueOf 為[], 但在ES6中JS會優先調用[Symbol ToPrimitive]來轉換為原始類型。

比較運算

首先，比較運算分為2種， 一種為嚴格比較(===)，只有類型相等，值也一致時才會為true,否則為false， 另一種為抽象相等也叫寬松相等(==)，先將運算數轉化為相同類型，再做比較，具體過程見?Abstract Equality Comparison Algorithm。

這個算法大致說了這么幾個情況，x == y

• xy都為Null或undefined,return true;
• x或y為NaN, return false;
• 如果x和y為String，Number，Boolean并且類型不一致，都轉為Number再進行比較
• 如果存在Object，轉換為原始值，比較

回到這篇文章的導火索，[] == false

1.存在object, 轉化為原始值 ToPrimitive([]); // ''2.一個string， 另外為boolean,都轉為number Number('');//0 Number(false);//03.return 0 == 0;/true

?

備注

ToPrimitive

?

?value	toNumber?	toString?	toBoolean?
?NaN	?NaN	?"NaN"	?false
?Infinity	?Infinity	?"Infinity"	?true
?[]	?0	?'""	?true
?[1]	?1	?"1"	?true
null	0	"null"	false
undefined	NaN	"undefined"	false
{}	NaN	"[object Object]"	true
function()	NaN	"function"	true

ToNumber

?

ToString

?

?

2017/12/05

winking說了一個簡便的方法去理解[] toPrimitive = ‘’ ， 想成join(）就好了 (*^▽^*)

?

轉載于:https://www.cnblogs.com/nanchen/p/7905528.html

總結

以上是生活随笔為你收集整理的JS的隐式转换 从 [] ==false 说起的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。