JavaScript 中with 語句如何使用

本篇文章為大家展示了JavaScript 中with 語句如何使用，內容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

JavaScript 有個 with 關鍵字, with 語句的原本用意是為逐級的對象訪問提供命名空間式的速寫方式. 也就是在指定的代碼區域, 直接通過節點名稱調用對象.

用過 Java 和 .NET 的同學對包或命名空間的概念應該不會陌生, 正因為有這個概念, 使代碼的簡潔易讀得到了保證. 不知 JavaScript 設計之初是如何定位 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 語句內部通過內部變量修改數值

var root = {  branch: {  node: 1  }  };  with(root.branch) {  node = 0;  // 顯示 0, 正確!  alert(node);  }  // 顯示 0, 正確!  alert(root.branch.node);

2. 在 with 語句內部通過對象節點修改數值

var root = {  branch: {  node: 1  }  };  with(root.branch) {  root.branch.node = 0;  // 顯示 0, 正確!  alert(node);  }  // 顯示 0, 正確!  alert(root.branch.node);

經過測試 1 和測試 2, 乍看沒什么問題, 但是... 請看測試 3.

3. 在 with 語句內部通過對象父節點修改數值

var root = {  branch: {  node: 1  }  };  with(root.branch) {  root.branch = {  node: 0  };  // 顯示 1, 錯誤!  alert(node);  }  // 顯示 0, 正確!  alert(root.branch.node);

由上面的測試 3 可知, with 語句內部的節點父節點修改后, 不會同步到節點本身. 也就是說, 不能保證內外數值的一致性. 這是可能成為項目里面隱藏性很高的 bug.

那我們該怎么辦呢? 接受那很長的一串逐級訪問, 還是另有他法?

方法是有的. 我們可以通過別名引用父節點的方式來調用節點對象, 如:

var root = {  branch: {  node: 1  }  };  var quote = root.branch;  quote.node = 0;  // 顯示 0, 正確!  alert(root.branch.node);

上述內容就是JavaScript 中with 語句如何使用，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注億速云行業資訊頻道。