JavaScriptstrict 模式禁用With語句的原因_javascript技巧

看了很多遍JavaScriptstrict 模式，其中有說“禁用With語句”，以前看到這都是騎馬觀花，一帶而過，因為平時就很少用到這個語句，禁不禁用對自己關係都不是很大。今天禁不住想知道為何“strict 模式”就容不下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的屬性還是上一層變數範圍鏈中的變數。

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