理解JS中的加號運算符

nodejh 發(fā)布于2019-08-23 16:19 / 2312人閱讀

摘要：中的基本數(shù)據(jù)類型有種，引用數(shù)據(jù)類型則是指除了上述基本數(shù)據(jù)類型以外的所有值，比如隱式類型轉(zhuǎn)換加法的隱式轉(zhuǎn)換轉(zhuǎn)換為原始值當(dāng)需要轉(zhuǎn)換為原始值時，引擎內(nèi)部會進行抽象操作。

基本運算規(guī)則

+的使用有兩種情況
當(dāng)+連接兩個變量或值時即為二元運算符,比如a + b，當(dāng)+在變量或值前面時，則為一元運算符，比如+"12.1"

一元運算符

直接轉(zhuǎn)換為Number類型，相當(dāng)于Number()
常用的還有!運算符，用來轉(zhuǎn)為Boolean類型

二元運算符

加法，可以認為只有兩種情況
1、數(shù)字 + 數(shù)字
2、字符串 + 字符串
其他類型的值相加最終都會隱式轉(zhuǎn)換為上述兩種類型相加。

JS中的基本數(shù)據(jù)類型(primitives)有6種，
String、Number、Boolean、undefined、null、Symbol
引用數(shù)據(jù)類型則是指除了上述基本數(shù)據(jù)類型以外的所有值，比如Array、Function

隱式類型轉(zhuǎn)換

加法的隱式轉(zhuǎn)換：

1、轉(zhuǎn)換為原始值

當(dāng)需要轉(zhuǎn)換為原始值時，JS引擎內(nèi)部會進行抽象操作ToPrimitive()。

ToPrimitive(input，PreferredType?)
// 如果為原始值則直接返回
// 如果為引用數(shù)據(jù)類型則
// 1、先嘗試調(diào)用valueOf()方法，如果返回值為原始值，則返回該值
// 2、否則，嘗試調(diào)用toString()方法，如果返回值為原始值，則返回該值
// 3、否則，拋出異常
// 注：
// 1、如果第二個參數(shù)PreferedType為String，則2和3順序調(diào)換，即先調(diào)用toString。
// 2、PreferedType默認為Number，但在遇到Date類型的值時為String

具體轉(zhuǎn)換規(guī)則可以參考ECMA規(guī)范中9.1的ToPrimitive和[[DefaultValue]]部分

2、轉(zhuǎn)換為數(shù)字

規(guī)則為：

類型	結(jié)果
undefined	NaN
null	0
Boolean	true為1，false為0
Number	/
String	轉(zhuǎn)數(shù)字,"" -> 0
Object	先ToPrimitive轉(zhuǎn)為原始值再轉(zhuǎn)為數(shù)字

3、轉(zhuǎn)換為字符串

直接轉(zhuǎn)換，不做贅述，對象類型時參考數(shù)字的處理

相關(guān)面試題

[] + {} // 結(jié)果為 "[object Object]"
[] + [] // 結(jié)果為 ""
{} + {} // 結(jié)果為 NaN
{} + [] // 結(jié)果為 0，當(dāng)語句開始為{時，會被JS解釋器認為是代碼塊，所以實質(zhì)上是 +[]
{} + {} // 結(jié)果為NaN，原因同上

注：第五道面試題在node.js環(huán)境下的運行結(jié)果卻是"[object Object]"，node和chrome同樣使用了V8引擎，想來是對此做了特殊處理

參考

深入理解Javascript中Object類型的轉(zhuǎn)換