日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問(wèn)題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
關(guān)于JavaScript的with語(yǔ)句

JavaScript有個(gè) with關(guān)鍵字, with 語(yǔ)句的原本用意是為逐級(jí)的對(duì)象訪問(wèn)提供命名空間式的速寫方式. 也就是在指定的代碼區(qū)域, 直接通過(guò)節(jié)點(diǎn)名稱調(diào)用對(duì)象.

用過(guò) Java 和 .NET 的同學(xué)對(duì)包或命名空間的概念應(yīng)該不會(huì)陌生, 正因?yàn)橛羞@個(gè)概念, 使代碼的簡(jiǎn)潔易讀得到了保證. 不知 JavaScript 設(shè)計(jì)之初是如何定位 with 語(yǔ)句的, 個(gè)人覺(jué)得它們之間有一定的相似度. 如:

 
 
 
    
  
  
  
  1. apple.banana.candy.dog.egg.fog.god.huh.index = 0; 
    2. 
  
  
  
  2. doSomething(apple.banana.candy.dog.egg.fog.god.huh.index); 
    3.

利用 with 語(yǔ)句, 可以寫為以下代碼.

 
 
 
    
  
  
  
  1. with(apple.banana.candy.dog.egg.fog.god.huh)  
    2. 
  
  
  
  2. { 
    3. 
  
  
  
  3. c = 0; 
    4. 
  
  
  
  4. doSomething(index); 
    5. 
  
  
  
  5. } 
    6.

看起來(lái)很美妙, 卻存在致命的缺陷. 下面我們來(lái)進(jìn)行一些小測(cè)試吧.

1. 在 with 語(yǔ)句內(nèi)部通過(guò)內(nèi)部變量修改數(shù)值

 
 
 
    
  
  
  
  1. var root = { 
    2. 
  
  
  
  2. branch: { 
    3. 
  
  
  
  3. node: 1 
    4. 
  
  
  
  4. } 
    5. 
  
  
  
  5. }; 
    6. 
  
  
  
  6. with(root.branch) { 
    7. 
  
  
  
  7. node = 0; 
    8. 
  
  
  
  8. // 顯示 0, 正確! 
    9. 
  
  
  
  9. alert(node); 
    10. 
  
  
  
  10. } 
    11. 
  
  
  
  11. // 顯示 0, 正確! 
    12. 
  
  
  
  12. alert(root.branch.node); 
    13.

2. 在 with 語(yǔ)句內(nèi)部通過(guò)對(duì)象節(jié)點(diǎn)修改數(shù)值

 
 
 
    
  
  
  
  1. var root = { 
    2. 
  
  
  
  2. branch: { 
    3. 
  
  
  
  3. node: 1 
    4. 
  
  
  
  4. } 
    5. 
  
  
  
  5. }; 
    6. 
  
  
  
  6. with(root.branch) { 
    7. 
  
  
  
  7. root.branch.node = 0; 
    8. 
  
  
  
  8. // 顯示 0, 正確! 
    9. 
  
  
  
  9. alert(node); 
    10. 
  
  
  
  10. } 
    11. 
  
  
  
  11. // 顯示 0, 正確! 
    12. 
  
  
  
  12. alert(root.branch.node); 
    13.

經(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ù)值

 
 
 
    
  
  
  
  1. var root = { 
    2. 
  
  
  
  2. branch: { 
    3. 
  
  
  
  3. node: 1 
    4. 
  
  
  
  4. } 
    5. 
  
  
  
  5. }; 
    6. 
  
  
  
  6. with(root.branch) { 
    7. 
  
  
  
  7. root.branch = { 
    8. 
  
  
  
  8. node: 0 
    9. 
  
  
  
  9. }; 
    10. 
  
  
  
  10. // 顯示 1, 錯(cuò)誤! 
    11. 
  
  
  
  11. alert(node); 
    12. 
  
  
  
  12. } 
    13. 
  
  
  
  13. // 顯示 0, 正確! 
    14. 
  
  
  
  14. alert(root.branch.node); 
    15.

由上面的測(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ì)象, 如:

 
 
 
    
  
  
  
  1. var root = { 
    2. 
  
  
  
  2. branch: { 
    3. 
  
  
  
  3. node: 1 
    4. 
  
  
  
  4. } 
    5. 
  
  
  
  5. }; 
    6. 
  
  
  
  6. var quote = root.branch; 
    7. 
  
  
  
  7. quote.node = 0; 
    8. 
  
  
  
  8. // 顯示 0, 正確! 
    9. 
  
  
  
  9. alert(root.branch.node); 
    10.

我相信很少人會(huì)用 with 語(yǔ)句, 也不會(huì)有很多人知道這個(gè)關(guān)鍵字, 但我覺(jué)得這是個(gè)有問(wèn)題的語(yǔ)句, 壓根就不應(yīng)該使用, 所以寫個(gè)小文記錄一下.

原文地址：http://www.neoease.com/javascript-with-statement/


本文標(biāo)題：關(guān)于JavaScript的with語(yǔ)句
網(wǎng)址分享：http://m.5511xx.com/article/dppisjc.html