鍍金池/ 問答/HTML/ js數(shù)據(jù)類型隱式轉換

js數(shù)據(jù)類型隱式轉換

一直沒搞懂js的數(shù)據(jù)類型隱式轉換,像下面在控制臺輸出的例子,不知道是根據(jù)什么規(guī)則進行轉換的:
clipboard.png
求解答

回答
編輯回答
赱丅呿

1.復雜對象隱式轉換應該是調用toString方法了,空數(shù)組toString就是空字符串,空對象toString就是"[object, Object]"。
2.那個花括號寫在最前面會單獨是當一個塊級作用域(es6)來解析了(控制臺直接輸入{}.toString()是會報錯的,就是當作塊級作用域了,沒有那個方法),由此就相當于 + []了,+號就把它轉成number了
3.加括號的話很好理解呀,提高優(yōu)先級,看成一個整體,就不會把花括號單獨解析了

個人見解,不對之處請大神包容指正,謝謝??!

2017年9月11日 12:53
編輯回答
伴謊

首先對題主放截圖不放代碼的行為表示強烈譴責?。。?/strong>

然后擺結果,有歧義的備注//歧義了:

let d1 = false + []; //false
let d2 = [] + false; //false
let d3 = false + {}; //false[object Object]
let d4 = {} + false; //[object Object]false//歧義
let d5 = [] + {}; //[object Object]
let d6 = {} + []; //[object Object]//歧義
let d7 = ({} + []); //[object Object]
let d8 = ([] + {}); //[object Object]

console.log(d1);
console.log(d2);
console.log(d3);
console.log(d4);
console.log(d5);
console.log(d6);
console.log(d7);
console.log(d8);

上面的結果解釋起來就一句話,高程:

如果有一個操作數(shù)是對象、數(shù)值或布爾值,則調用它們的toString()方法取得相應的字符串值,然后再應用前面關于字符串的規(guī)則

如果要分析的話,加上下面的就可以了:

[].toString();//""
false.toString();//"false"
let o={};
o.toString();//"[object Object]"

現(xiàn)在再來說,和題主的截圖有兩個 0 不一致的地方;

首先題主截圖沒問題,我測試了,我上面的結果也沒問題,也測試了;但是在平常應用中,應該遇不到那種情況,比方說 {}+[]

  1. 如果你用來賦值,不會得到 0;;
  2. 如果你用來判斷 if(),也不會得到 0;;
  3. 甚至,function f(){ return {}+[];} f() 執(zhí)行也不會得到 0;

然后我們來說原因,經(jīng)過上面的例子,你怕也知道了為什么會不一致了;

賦值=、if()、return 后面跟的都是表達式,上述歧義的括號版本,返回的就是預期內的數(shù)據(jù),因為括號里放的也是表達式;

{} + false//0
{} + []//0
({} + [])//[object Object]
([] + {})//[object Object]

那么當瀏覽器在遇到 { 時,是把它當表達式還是語句來解析呢?測試下就知道了:

clipboard.png

很明顯是當成語句來解析的,如果當成一個空對象的表達式來解析,那么空對象是有 toString 方法的,再不濟,也應該是返回 undefined(非嚴格模式,瀏覽器端);在這種表達式和語句有歧義的地方,一般加個 () 就可以將語句轉為表達式,所以,下圖是不報錯的,并且返回正確:

clipboard.png

那么繼續(xù),既然是 { 當成語句來解析,那么{}+[]實際相當于語句{}后面跟了一條無關緊要的表達式而已+[],也就是這樣:

{}
+[];

所以題主在控制臺執(zhí)行{}+[],實際上是返回了最后一條語句的結果+[],為什么這個結果是 0 呢?

這是一元加操作符,高程上這么說:

在對非數(shù)值應用一元加操作符時,該操作符會像Number()轉型函數(shù)一樣對這個值執(zhí)行轉換

clipboard.png

所以:{}+[]=>{};+[]; 最終返回 Number([]);

同理:{} + false=>{};+false;,最終返回 Number(false);

完。

JavaScript高級程序設計-第3版-中

2017年11月24日 13:11
編輯回答
苦妄

一、先去了解 + 加號運算符在 js 中的使用規(guī)律。
二、如果在空對象加上圓括號(()),這樣JS就會認為它是個對象
三、網(wǎng)上有很多關于轉換的有趣的總結,可以去看看

2017年12月20日 00:20
編輯回答
青檸

可以參考文章js隱式裝箱ToPrimitive

2017年3月3日 06:52
編輯回答
紓惘
2017年10月22日 04:15