javascript - 為什么Chrome里的console.log會有異步的表現
問題描述
今天寫代碼的時候遇到了一個感覺很奇怪很詭異的問題
/** * 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);//執行合并 }}document.getElementById('a').onclick = function () { new Wiw().ext({form:{} })}
非常普通,首先new出來 初始化 然后調用合并方法 按道理說輸出的結果應該是 合并前的config屬性對象和合并后的 但實際的情況確是
他的表現就像是合并后再輸出 但是調用順序卻又是正常的
更加奇怪的是
當你把
console.log(this.config); 改成console.log(this.config.form)
結果又恢復了正常
而在fireFox之中一直都很正常
問題解答
回答1:怎么說了,我覺得吧,chrome console的輸出內容,帶點實時,看截圖,盡管是后期改o的name,但這時候點開你看name怎么跟上面輸出的不一致了= =。也符合題主后面又說改成form怎么又正常了。 我覺得 就是 那個向下箭頭旁邊的屬于寫死的,點開內容則是實時的。
另外一個問題:http://www.css88.com/jqapi-1....
var o = {form:{width:10}}$.extend(true, o,{form:{height:20}})
相關文章:
1. html5 - ElementUI table中el-table-column怎么設置百分比顯示。2. python - 使用readlines()方法讀取文件內容后,再用for循環遍歷文件與變量匹配時出現疑難?3. 對mysql某個字段監控的功能4. css3 - less或者scss 顏色計算的知識應該怎么學?或者在哪里學?5. 注冊賬戶文字不能左右分離6. javascript - table列過多,有什么插件可以提供列排序和選擇顯示列的功能7. css - 網頁div區塊 像蘋果一樣可左右滑動 手機與電腦8. javascript - 數組的過濾和渲染9. html - vue項目中用到了elementUI問題10. JavaScript事件
