1. 在 with 語(yǔ)句內(nèi)部通過(guò)內(nèi)部變量修改數(shù)值
代碼如下:
var root = {
branch: {
node: 1
}
};
with(root.branch) {
node = 0;
// 顯示 0, 正確!
alert(node);
}
// 顯示 0, 正確!
alert(root.branch.node);
2. 在 with 語(yǔ)句內(nèi)部通過(guò)對(duì)象節(jié)點(diǎn)修改數(shù)值
代碼如下:
var root = {
branch: {
node: 1
}
};
with(root.branch) {
root.branch.node = 0;
// 顯示 0, 正確!
alert(node);
}
// 顯示 0, 正確!
alert(root.branch.node);
經(jīng)過(guò)測(cè)試 1 和測(cè)試 2, 乍看沒(méi)什么問(wèn)題, 但是... 請(qǐng)看測(cè)試 3.
3. 在 with 語(yǔ)句內(nèi)部通過(guò)對(duì)象父節(jié)點(diǎn)修改數(shù)值
代碼如下:
var root = {
branch: {
node: 1
}
};
with(root.branch) {
root.branch = {
node: 0
};
// 顯示 1, 錯(cuò)誤!
alert(node);
}
// 顯示 0, 正確!
alert(root.branch.node);
由上面的測(cè)試 3 可知, with 語(yǔ)句內(nèi)部的節(jié)點(diǎn)父節(jié)點(diǎn)修改后, 不會(huì)同步到節(jié)點(diǎn)本身. 也就是說(shuō), 不能保證內(nèi)外數(shù)值的一致性. 這是可能成為項(xiàng)目里面隱藏性很高的 bug.
那我們?cè)撛趺崔k呢? 接受那很長(zhǎng)的一串逐級(jí)訪問(wèn), 還是另有他法?
方法是有的. 我們可以通過(guò)別名引用父節(jié)點(diǎn)的方式來(lái)調(diào)用節(jié)點(diǎn)對(duì)象, 如:
代碼如下:
var root = {
branch: {
node: 1
}
};
var quote = root.branch;
quote.node = 0;
// 顯示 0, 正確!
alert(root.branch.node);
我相信很少人會(huì)用 with 語(yǔ)句, 也不會(huì)有很多人知道這個(gè)關(guān)鍵字, 但我覺(jué)得這是個(gè)有問(wèn)題的語(yǔ)句, 壓根就不應(yīng)該使用, 所以寫(xiě)個(gè)小文記錄一下.
聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com