看了很多遍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語句,也就不難理解了。