您好,登錄后才能下訂單哦!
本篇文章為大家展示了JavaScript 中with 語句如何使用,內(nèi)容簡明扼要并且容易理解,絕對能使你眼前一亮,通過這篇文章的詳細介紹希望你能有所收獲。
JavaScript 有個 with 關(guān)鍵字, with 語句的原本用意是為逐級的對象訪問提供命名空間式的速寫方式. 也就是在指定的代碼區(qū)域, 直接通過節(jié)點名稱調(diào)用對象.
用過 Java 和 .NET 的同學(xué)對包或命名空間的概念應(yīng)該不會陌生, 正因為有這個概念, 使代碼的簡潔易讀得到了保證. 不知 JavaScript 設(shè)計之初是如何定位 with 語句的, 個人覺得它們之間有一定的相似度. 如:
apple.banana.candy.dog.egg.fog.god.huh.index = 0; doSomething(apple.banana.candy.dog.egg.fog.god.huh.index);
利用 with 語句, 可以寫為以下代碼.
with(apple.banana.candy.dog.egg.fog.god.huh) { c = 0; doSomething(index); }
1. 在 with 語句內(nèi)部通過內(nèi)部變量修改數(shù)值
var root = { branch: { node: 1 } }; with(root.branch) { node = 0; // 顯示 0, 正確! alert(node); } // 顯示 0, 正確! alert(root.branch.node);
2. 在 with 語句內(nèi)部通過對象節(jié)點修改數(shù)值
var root = { branch: { node: 1 } }; with(root.branch) { root.branch.node = 0; // 顯示 0, 正確! alert(node); } // 顯示 0, 正確! alert(root.branch.node);
經(jīng)過測試 1 和測試 2, 乍看沒什么問題, 但是... 請看測試 3.
3. 在 with 語句內(nèi)部通過對象父節(jié)點修改數(shù)值
var root = { branch: { node: 1 } }; with(root.branch) { root.branch = { node: 0 }; // 顯示 1, 錯誤! alert(node); } // 顯示 0, 正確! alert(root.branch.node);
由上面的測試 3 可知, with 語句內(nèi)部的節(jié)點父節(jié)點修改后, 不會同步到節(jié)點本身. 也就是說, 不能保證內(nèi)外數(shù)值的一致性. 這是可能成為項目里面隱藏性很高的 bug.
那我們該怎么辦呢? 接受那很長的一串逐級訪問, 還是另有他法?
方法是有的. 我們可以通過別名引用父節(jié)點的方式來調(diào)用節(jié)點對象, 如:
var root = { branch: { node: 1 } }; var quote = root.branch; quote.node = 0; // 顯示 0, 正確! alert(root.branch.node);
上述內(nèi)容就是JavaScript 中with 語句如何使用,你們學(xué)到知識或技能了嗎?如果還想學(xué)到更多技能或者豐富自己的知識儲備,歡迎關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。