JavaScript嚴格模式禁用With語句的原因_javascript技巧

看了很多遍JavaScript嚴格模式，其中有說“禁用With語句”，以前看到這都是騎馬觀花，一帶而過，因為平時就很少用到這個語句，禁不​​禁用對自己關係都不是很大。今天禁不住想知道為何「嚴格模式」就容不下with語句呢？

EcmaScript規格上說“with 語句用於設定程式碼在特定物件中的作用域”，可以看出，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語句區塊中的變量，在執行時，都要在zhangsan中檢查是否它的屬性。

我們知道執行腳本時，需要兩個過程，首先是編譯，然後再執行。
顯然在編譯的時候，不能確定zhangsan的這變數所表示的物件有哪些屬性。只能在執行時才能確定zhangsan是Person的一個實例。所以就不能在編譯時確實with語句區塊中的變數是zhangsan的屬性還是上一層變數作用域鏈中的變數。

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