快捷導(dǎo)航

JavaScript嚴(yán)格模式禁用With語句的原因

更新時間：2014年10月20日 15:58:50 投稿：whsnow

看了很多遍JavaScript嚴(yán)格模式，其中有說“禁用With語句”今天禁不住想知道為何“嚴(yán)格模式”就容不下with語句呢，如果你也表示疑惑可以看看哦

看了很多遍JavaScript嚴(yán)格模式，其中有說“禁用With語句”，以前看到這都是騎馬觀花，一帶而過，因?yàn)槠綍r就很少用到這個語句，禁不禁用對自己關(guān)系都不是很大。今天禁不住想知道為何“嚴(yá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);
})();

上面的代碼會報(bào)Uncaught ReferenceError: job is not defined 。

如果將上面的with語句塊改為

str = title+zhangsan.name+'，年齡'+zhangsan.age+'歲，'+zhangsan.sex+'性'+'，職位'+zhangsan.job;

則不報(bào)錯，輸出str 為：申請人：張三，年齡20歲，男性，職位undefined

對于with語句塊中的變量，在執(zhí)行時，都要在zhangsan中檢查是否它的屬性。

我們知道運(yùn)行腳本時，需要兩個過程，首先是編譯，然后再執(zhí)行。
很顯然在編譯的時候，不能確定zhangsan的這變量表示的對象有哪些屬性。只能在執(zhí)行時才能確定zhangsan是Person的一個實(shí)例。所以就不能在編譯時確實(shí)with語句塊中的變量是zhangsan的屬性還是上一層變量作用域鏈中的變量。

這與嚴(yán)格模式有編譯時就檢查變量是否定義沖突，所以嚴(yán)格模式不會允許異已存在，因此嚴(yán)格模式禁用With語句，也就不難理解了。

您可能感興趣的文章:

相關(guān)文章

微信小程序scroll-view實(shí)現(xiàn)滾動穿透和阻止?jié)L動的方法
這篇文章主要介紹了微信小程序scroll-view實(shí)現(xiàn)滾動穿透和阻止?jié)L動的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-08-08
Bootstrap模態(tài)框禁用空白處點(diǎn)擊關(guān)閉
這篇文章主要為大家詳細(xì)介紹了Bootstrap模態(tài)框禁用空白處點(diǎn)擊關(guān)閉的相關(guān)資料,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-10-10
微信小程序使用gitee進(jìn)行版本管理
這篇文章主要介紹了微信小程序使用gitee進(jìn)行版本管理，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-09-09
javascript框架設(shè)計(jì)讀書筆記之?dāng)?shù)組的擴(kuò)展與修復(fù)
本文是司徒正美的《javascript框架設(shè)計(jì)》的第三章第2節(jié)的讀書筆記，本節(jié)主要介紹的是javascript數(shù)組的擴(kuò)展與修復(fù)，本文則是選取了其中的重點(diǎn)部分展示給大家。
2014-12-12
基于JS實(shí)現(xiàn)發(fā)送短信驗(yàn)證碼后的倒計(jì)時功能(無視頁面刷新，頁面關(guān)閉不進(jìn)行倒計(jì)時功能)
這篇文章主要介紹了基于JS實(shí)現(xiàn)發(fā)送短信驗(yàn)證碼后的倒計(jì)時功能(無視頁面刷新，頁面關(guān)閉不進(jìn)行倒計(jì)時功能)的相關(guān)資料,非常不錯，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-09-09
Add a Table to a Word Document
Add a Table to a Word Document...
2007-06-06
js實(shí)現(xiàn)對table的增加行和刪除行的操作方法
下面小編就為大家?guī)硪黄猨s實(shí)現(xiàn)對table的增加行和刪除行的操作方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-10-10
JavaScipt選取文檔元素的方法(推薦)
下面小編就為大家?guī)硪黄狫avaScipt選取文檔元素的方法(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-08-08
js獲取input長度并根據(jù)頁面寬度設(shè)置其大小及居中對齊
這篇文章主要介紹了js獲取input長度并根據(jù)頁面寬度設(shè)置其大小及居中對齊的方法,需要的朋友可以參考下
2014-08-08
JavaScript通過改變文字透明度實(shí)現(xiàn)的文字閃爍效果實(shí)例
這篇文章主要介紹了JavaScript通過改變文字透明度實(shí)現(xiàn)的文字閃爍效果,結(jié)合完整實(shí)例形式分析了javascript基于定時器周期性動態(tài)修改頁面元素屬性的相關(guān)操作技巧,需要的朋友可以參考下
2017-04-04