JavaScript嚴格模式禁用With語句的原因
更新時間：2014年10月20日 15:58:50 投稿：whsnow
看了很多遍JavaScript嚴格模式，其中有說“禁用With語句”今天禁不住想知道為何“嚴格模式”就容不下with語句呢，如果你也表示疑惑可以看看哦
看了很多遍JavaScript嚴格模式，其中有說“禁用With語句”，以前看到這都是騎馬觀花，一帶而過，因為平時就很少用到這個語句，禁不禁用對自己關(guān)系都不是很大。今天禁不住想知道為何“嚴格模式”就容不下with語句呢？
EcmaScript規(guī)范上說“with 語句用于設(shè)置代碼在特定對象中的作用域”，可以看出，With語句改變了作用域鏈。
function Person(name,age,sex){
this.name = name;
this.age = age;
this.sex = sex;
}
(function(){
var title = '申請人：';
var zhangsan = new Person('張三',20,'男');
var str = '';
with(zhangsan){
str = title+name+'，年齡'+age+'歲，'+sex+'性'+'，職位'+job;
}
console.log(str);
})();
上面的代碼會報Uncaught ReferenceError: job is not defined 。
如果將上面的with語句塊改為
str = title+zhangsan.name+'，年齡'+zhangsan.age+'歲，'+zhangsan.sex+'性'+'，職位'+zhangsan.job;
則不報錯，輸出str 為：申請人：張三，年齡20歲，男性，職位undefined
對于with語句塊中的變量，在執(zhí)行時，都要在zhangsan中檢查是否它的屬性。
我們知道運行腳本時，需要兩個過程，首先是編譯，然后再執(zhí)行。
很顯然在編譯的時候，不能確定zhangsan的這變量表示的對象有哪些屬性。只能在執(zhí)行時才能確定zhangsan是Person的一個實例。所以就不能在編譯時確實with語句塊中的變量是zhangsan的屬性還是上一層變量作用域鏈中的變量。
這與嚴格模式有編譯時就檢查變量是否定義沖突，所以嚴格模式不會允許異已存在，因此嚴格模式禁用With語句，也就不難理解了。
相關(guān)文章
這篇文章主要介紹了js+HTML5基于過濾器從攝像頭中捕獲視頻的方法,涉及javascript基于html5元素操作多媒體的使用技巧,需要的朋友可以參考下2015-06-06
兼容IE,firefox的js tab效果代碼增強版2008-04-04
關(guān)于document.cookie的使用javascript
設(shè)置cookie 每個cookie都是一個名/值對，可以把下面這樣一個字符串賦值給document.cookie：2008-04-04
這篇文章主要介紹了Javascript 制作圖形驗證碼實例詳解的相關(guān)資料,附有實例代碼及實現(xiàn)效果圖，需要的朋友可以參考下2016-12-12
這篇文章主要介紹了es6中l(wèi)et和const的使用方法,結(jié)合實例形式詳細分析了es6中l(wèi)et和const的基本功能、原理、使用方法及操作注意事項,需要的朋友可以參考下2020-02-02
這篇文章主要為大家詳細介紹了js實現(xiàn)圖片懶加載效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
這篇文章主要介紹了js刷新頁面location.reload()用法詳解,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
JavaScript動態(tài)改變HTML頁面元素例如添加或刪除
HTML頁面元素可以通過js動態(tài)改變，比如可以向HTML中添加元素或刪除某個元素，下面為示例代碼，感興趣的朋友不要錯過2014-08-08
這篇文章主要為大家詳細介紹了原生js模擬購物車功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要介紹了js實現(xiàn)可多次定時的倒計時小實例,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12