問題描述

今天寫代碼的時(shí)候遇到了一個(gè)感覺很奇怪很詭異的問題

/** * 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出來 初始化 然后調(diào)用合并方法 按道理說輸出的結(jié)果應(yīng)該是 合并前的config屬性對(duì)象和合并后的 但實(shí)際的情況確是

他的表現(xiàn)就像是合并后再輸出 但是調(diào)用順序卻又是正常的

更加奇怪的是

當(dāng)你把

console.log(this.config); 改成console.log(this.config.form)

結(jié)果又恢復(fù)了正常

而在fireFox之中一直都很正常

問題解答

怎么說了，我覺得吧，chrome console的輸出內(nèi)容，帶點(diǎn)實(shí)時(shí)，看截圖，盡管是后期改o的name，但這時(shí)候點(diǎn)開你看name怎么跟上面輸出的不一致了= =。也符合題主后面又說改成form怎么又正常了。 我覺得 就是 那個(gè)向下箭頭旁邊的屬于寫死的，點(diǎn)開內(nèi)容則是實(shí)時(shí)的。

另外一個(gè)問題：http://www.css88.com/jqapi-1....

var o = {form:{width:10}}$.extend(true, o,{form:{height:20}})