DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript嚴格模式禁用With語句的原因
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語句,也就不難理解了。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved