JavaScript的strict模式與with關鍵字介紹_基礎知識

2009年12月，ECMAScript發布了ECMAScript 5，這距離上一個版本的ECMAScript 3標準發布已經整整十年了，其間JavaScript雖然大行於web編程，ECMAScript 4卻最終因為利益相關的各大廠商和組織在此語言的複雜性（即是否增加大量特性以擴展ECMAScript的功能）上的分歧而夭折，使得ECMAScript新標準的製訂大大落後於程式設計的實踐。 ECMAScript 5在目標上沒有那麼雄心勃勃，除去新增了對JSON的支援和反射的更全面的控制，一項重要改進就是引入「嚴格模式」（strict mode）。在此模式下，ECMAScript的語法變得更嚴格，使得原先許多常見的易致錯的程式碼不再被允許，包括強制變數宣告和不允許with語句等。採用這種模式很簡單，只要在腳本檔案或函數的首行添加"use strict";這樣一行字串就可以了。

筆者後知，2010年還曾寫了一篇小文討論with關鍵字的缺陷，隨附如下。
楔子

很久很久以前，神筆馬良的家鄉為了紀念他要將一條馬路以他的名字命名。馬良沒有推辭，不過提出了四個字的意見。多年後，一位外地人來到這裡，在這條路上攔住一個當地人問路。

請問這是神馬路？

對，這是神馬路。

你也不知道嗎？

我就是這的人，怎麼會不知道。

那這是神馬路？

你知道還問什麼了。

我就是不知道這是神馬路。

那我不是已經告訴你這是神馬路了嗎？

你能不能再說一次這是神馬路？

……

過後，這個當地人想起當年神筆馬良的意見，恍然大悟。馬良說的是──勿用簡稱。

A Question

One day Tom said to Wang Er, his Chinese friend,“I have a dream. I want to show myself on CCTV.”The next day Tom broke into a neighborke into a neighbor to . The police didn't take much time to identify and arrest Tom because he was captured very clearly by the shop's CCTV.

The question is when Tom said his dream, he ambitious B) not ambitious C)ambiguous D) unambiguous

The right answer is B) and C).
正文

以上兩個古今中外的例子簡寫有時會引起歧義

以上兩個古今中外的例子簡寫有時會引起歧義。這在Javascript中也存在。有時候要重複引用一個名字很長的變數是很麻煩的，例如：

objectWithLongName1.propty1=value1;

objectWithLongName1.propty2=value2;
objectWithLongName1.propty2=value2;

objectWithLongName1.method1();

但是一個清晰的名字對於程式的可讀性又是很重要的。所以Javascript提供了with語句。上面的範例可以改寫成：

複製程式碼 程式碼如下:

(object{WithLongName1)

propty1=value1;

propty2=value2;

propty3=value3;

method1()

🎜>🎜>

這樣省去不少敲打鍵盤的功夫，而且程式的結構也變得更加清晰。但是這樣的簡寫引入了歧義，我們如何知道大括號內的名稱，哪些是objectWithLongName1的屬性和方法，哪些是外部變數和函數。 Javascript的解析規則是，先在objectWithLongName1上尋找這些名稱的屬性，如果沒有找到，則認為它們是外部變數。用程式碼說明就是這樣：

複製程式碼 程式碼如下:

if(objectWithLongName1. ==undefined){

if(objectWithLongName1.value1!==undefined){

objectWithLongName1.property1=objectWithLongName1.value1; 🎜>
objectWithLongName1.property1=value1;//可能2

}

}else{

if(objectWithLongName1.value1)> >
property1=objectWithLongName1.value1; //可能3

}else{

property1=value1;//可能4

}



}

}

我們希望的是這四種可能性之一，但是一不小心，程式執行的就會是另外一種可能。而且，這樣的寫法對於程式的讀者來說也非常難解。另一方面，對於Javascript解釋器，這種不確定性也影響了語言的表現。

其實只要一個小小的改進，就可以祛除這些缺陷。我們可以在省略了物件的屬性前面加上點號，這樣就在屬性和外部變數之間加上了直覺的區分，有不少其他語言就是這樣做的。我們最初的範例會變成這樣：

複製程式碼 程式碼如下:

with (objectWithLongName1){

.propty1=value1;

.propty2=value2;

.propty3=value3; .method1();

}


在Javascript做這樣的改進之前，兩害相權取其輕，要盡量避免使用with語句。我們仍然可以採用一些變通的方法。

複製程式碼 代碼如下:

var o1= objectWithLongName1; .propty1=value1;

o1.propty2=value2;

o1.propty3=value3;

o1.method1();


或是這樣的情況：

objectWithLongName1.propty1= objectWithLongName2.propty1;

objectWithLongName1.propty2= objectWithLongg. ongName1. propty10= objectWithLongName2.propty10;

可以寫成：




複製代碼


代碼如下:

(function(o1, o2, pl){ pl.forEach(function(item){o1[item]=o2[item];}); })( objectWithLongName1,objectWithLongName2, ['propty1', 'propty2', … , 'propty10']);