一直沒(méi)搞懂js的數(shù)據(jù)類(lèi)型隱式轉(zhuǎn)換,像下面在控制臺(tái)輸出的例子,不知道是根據(jù)什么規(guī)則進(jìn)行轉(zhuǎn)換的:
求解答
1.復(fù)雜對(duì)象隱式轉(zhuǎn)換應(yīng)該是調(diào)用toString方法了,空數(shù)組toString就是空字符串,空對(duì)象toString就是"[object, Object]"。
2.那個(gè)花括號(hào)寫(xiě)在最前面會(huì)單獨(dú)是當(dāng)一個(gè)塊級(jí)作用域(es6)來(lái)解析了(控制臺(tái)直接輸入{}.toString()是會(huì)報(bào)錯(cuò)的,就是當(dāng)作塊級(jí)作用域了,沒(méi)有那個(gè)方法),由此就相當(dāng)于 + []了,+號(hào)就把它轉(zhuǎn)成number了
3.加括號(hào)的話(huà)很好理解呀,提高優(yōu)先級(jí),看成一個(gè)整體,就不會(huì)把花括號(hào)單獨(dú)解析了
個(gè)人見(jiàn)解,不對(duì)之處請(qǐng)大神包容指正,謝謝??!
首先對(duì)題主放截圖不放代碼的行為表示強(qiáng)烈譴責(zé)?。?!
然后擺結(jié)果,有歧義的備注//歧義了:
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);
上面的結(jié)果解釋起來(lái)就一句話(huà),高程:
如果有一個(gè)操作數(shù)是對(duì)象、數(shù)值或布爾值,則調(diào)用它們的toString()方法取得相應(yīng)的字符串值,然后再應(yīng)用前面關(guān)于字符串的規(guī)則
如果要分析的話(huà),加上下面的就可以了:
[].toString();//""
false.toString();//"false"
let o={};
o.toString();//"[object Object]"
現(xiàn)在再來(lái)說(shuō),和題主的截圖有兩個(gè) 0 不一致的地方;
首先題主截圖沒(méi)問(wèn)題,我測(cè)試了,我上面的結(jié)果也沒(méi)問(wèn)題,也測(cè)試了;但是在平常應(yīng)用中,應(yīng)該遇不到那種情況,比方說(shuō) {}+[]
if(),也不會(huì)得到 0;;然后我們來(lái)說(shuō)原因,經(jīng)過(guò)上面的例子,你怕也知道了為什么會(huì)不一致了;
賦值=、if()、return 后面跟的都是表達(dá)式,上述歧義的括號(hào)版本,返回的就是預(yù)期內(nèi)的數(shù)據(jù),因?yàn)槔ㄌ?hào)里放的也是表達(dá)式;
{} + false//0
{} + []//0
({} + [])//[object Object]
([] + {})//[object Object]
那么當(dāng)瀏覽器在遇到 { 時(shí),是把它當(dāng)表達(dá)式還是語(yǔ)句來(lái)解析呢?測(cè)試下就知道了:
很明顯是當(dāng)成語(yǔ)句來(lái)解析的,如果當(dāng)成一個(gè)空對(duì)象的表達(dá)式來(lái)解析,那么空對(duì)象是有 toString 方法的,再不濟(jì),也應(yīng)該是返回 undefined(非嚴(yán)格模式,瀏覽器端);在這種表達(dá)式和語(yǔ)句有歧義的地方,一般加個(gè) () 就可以將語(yǔ)句轉(zhuǎn)為表達(dá)式,所以,下圖是不報(bào)錯(cuò)的,并且返回正確:
那么繼續(xù),既然是 { 當(dāng)成語(yǔ)句來(lái)解析,那么{}+[]實(shí)際相當(dāng)于語(yǔ)句{}后面跟了一條無(wú)關(guān)緊要的表達(dá)式而已+[],也就是這樣:
{}
+[];
所以題主在控制臺(tái)執(zhí)行{}+[],實(shí)際上是返回了最后一條語(yǔ)句的結(jié)果+[],為什么這個(gè)結(jié)果是 0 呢?
這是一元加操作符,高程上這么說(shuō):
在對(duì)非數(shù)值應(yīng)用一元加操作符時(shí),該操作符會(huì)像Number()轉(zhuǎn)型函數(shù)一樣對(duì)這個(gè)值執(zhí)行轉(zhuǎn)換
所以:{}+[]=>{};+[]; 最終返回 Number([]);
同理:{} + false=>{};+false;,最終返回 Number(false);
完。
北大青鳥(niǎo)APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國(guó)IT技能型緊缺人才,是大數(shù)據(jù)專(zhuān)業(yè)的國(guó)家
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國(guó)一站式人才培養(yǎng)平臺(tái)、一站式人才輸送平臺(tái)。2014年4月3日在美國(guó)成功上市,融資1
北大課工場(chǎng)是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國(guó)家深化產(chǎn)教融合/校企合作的政策,積極推進(jìn)“中國(guó)制造2025”,實(shí)現(xiàn)中華民族偉大復(fù)興的升級(jí)產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰,中國(guó)職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔(dān)任系統(tǒng)開(kāi)發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項(xiàng)目經(jīng)理從事移動(dòng)互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項(xiàng)目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺(tái)面向?qū)ο箝_(kāi)發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫(kù),具有快速界面開(kāi)發(fā)的能力,對(duì)瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁(yè)制作和網(wǎng)頁(yè)游戲開(kāi)發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開(kāi)發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國(guó)Software AG 技術(shù)顧問(wèn),美國(guó)Dachieve 系統(tǒng)架構(gòu)師,美國(guó)AngelEngineers Inc. 系統(tǒng)架構(gòu)師。