javascript - 為什么Chrome里的console.log會(huì)有異步的表現(xiàn)
問(wèn)題描述
今天寫代碼的時(shí)候遇到了一個(gè)感覺(jué)很奇怪很詭異的問(wèn)題
/** * Created by zhang on 5/26/2017. */var Wiw = function () { this.config = {'form':{ 'height':300, 'width':500},'content':'please edit you text!','handler':function () { //empty} } console.log(this.config);}Wiw.prototype = { ext:function (cfg) {console.log('2');$.extend(this.config,cfg);//執(zhí)行合并 }}document.getElementById('a').onclick = function () { new Wiw().ext({form:{} })}
非常普通,首先new出來(lái) 初始化 然后調(diào)用合并方法 按道理說(shuō)輸出的結(jié)果應(yīng)該是 合并前的config屬性對(duì)象和合并后的 但實(shí)際的情況確是
他的表現(xiàn)就像是合并后再輸出 但是調(diào)用順序卻又是正常的
更加奇怪的是
當(dāng)你把
console.log(this.config); 改成console.log(this.config.form)
結(jié)果又恢復(fù)了正常
而在fireFox之中一直都很正常
問(wèn)題解答
回答1:怎么說(shuō)了,我覺(jué)得吧,chrome console的輸出內(nèi)容,帶點(diǎn)實(shí)時(shí),看截圖,盡管是后期改o的name,但這時(shí)候點(diǎn)開(kāi)你看name怎么跟上面輸出的不一致了= =。也符合題主后面又說(shuō)改成form怎么又正常了。 我覺(jué)得 就是 那個(gè)向下箭頭旁邊的屬于寫死的,點(diǎn)開(kāi)內(nèi)容則是實(shí)時(shí)的。
另外一個(gè)問(wèn)題:http://www.css88.com/jqapi-1....
var o = {form:{width:10}}$.extend(true, o,{form:{height:20}})
相關(guān)文章:
1. java中返回一個(gè)對(duì)象,和輸出對(duì)像的值,意義在哪兒2. docker網(wǎng)絡(luò)端口映射,沒(méi)有方便點(diǎn)的操作方法么?3. mysql - 在不允許改動(dòng)數(shù)據(jù)表的情況下,如何優(yōu)化以varchar格式存儲(chǔ)的時(shí)間的比較?4. docker start -a dockername 老是卡住,什么情況?5. css3 - 純css實(shí)現(xiàn)點(diǎn)擊特效6. apache web server 怎么限制某一個(gè)網(wǎng)站對(duì)服務(wù)器資源的占用?7. javascript - 關(guān)于apply()與call()的問(wèn)題8. docker - 各位電腦上有多少個(gè)容器啊?容器一多,自己都搞混了,咋辦呢?9. 安全性測(cè)試 - nodejs中如何防m(xù)ySQL注入10. python - pandas dataframe如何對(duì)某列的空數(shù)據(jù)位置進(jìn)行update?update的函數(shù)是自定義的,參數(shù)是同一行的另外兩列數(shù)據(jù)
