JavaScript的strict模式與with關(guān)鍵字介紹_基礎(chǔ)知識

2009年12月，ECMAScript發(fā)布了ECMAScript 5，這距離上一個版本的ECMAScript 3標(biāo)準(zhǔn)發(fā)布已經(jīng)整整十年了，其間JavaScript雖然大行于web編程，ECMAScript 4卻最終因為利益相關(guān)的各大廠商和組織在此語言的復(fù)雜性（即是否增加大量特性以擴展ECMAScript的功能）上的分歧而夭折，使得ECMAScript新標(biāo)準(zhǔn)的制訂大大落后于編程的實踐。ECMAScript 5在目標(biāo)上沒有那么雄心勃勃，除去新增了對JSON的支持和反射的更全面的控制，一項重要改進(jìn)就是引入“嚴(yán)格模式”（strict mode）。在此模式下，ECMAScript的語法變得更嚴(yán)格，使得原先許多常見的易致錯的代碼不再被允許，包括強制變量聲明和不允許with語句等。采用這種模式很簡單，只要在腳本文件或者函數(shù)的首行添加"use strict";這樣一行字符串就可以了。

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

很久很久以前，神筆馬良的家鄉(xiāng)為了紀(jì)念他要將一條馬路以他的名字命名。馬良沒有推辭，不過提出了四個字的意見。多年以后，一位外地人來到這里，在這條馬路上攔住一個當(dāng)?shù)厝藛柭贰?

請問這是神馬路？

對，這是神馬路。

你也不知道嗎？

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

那這是神馬路？

你知道了還問什么。

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

那我不是已經(jīng)告訴你這是神馬路了嗎？

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

……

過后，這個當(dāng)?shù)厝讼肫甬?dāng)年神筆馬良的意見，恍然大悟。馬良說的是——勿用簡稱。

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 neighbor shop. 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 is

A) ambitious B) not ambitious C)ambiguous D) unambiguous

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

以上兩個古今中外的例子說明簡寫有時會引起歧義。這在Javascript中也存在。有時候要反復(fù)引用一個名字很長的變量是很麻煩的，比如：

objectWithLongName1.propty1=value1;

objectWithLongName1.propty2=value2;

objectWithLongName1.propty3=value3;

objectWithLongName1.method1();

但是一個清晰的名字對于程序的可讀性又是很重要的。所以Javascript提供了with語句。上面的例子可以改寫成：
代碼如下:
with (objectWithLongName1){

propty1=value1;

propty2=value2;

propty3=value3;

method1();

}

這樣省去不少敲打鍵盤的功夫，而且程序的結(jié)構(gòu)也變得更加清晰。但是這樣的簡寫引入了歧義，我們?nèi)绾沃来罄ㄌ杻?nèi)的名稱，哪些是objectWithLongName1的屬性和方法，哪些是外部變量和函數(shù)。Javascript的解析規(guī)則是，先在objectWithLongName1上查找這些名稱的屬性，如果沒有找到，則認(rèn)為它們是外部變量。用代碼說明就是這樣：
代碼如下:
if(objectWithLongName1.property1!==undefined){

if(objectWithLongName1.value1!==undefined){

objectWithLongName1.property1=objectWithLongName1.value1; //可能1

}else{

objectWithLongName1.property1=value1;//可能2

}

}else{

if(objectWithLongName1.value1!==undefined){

property1=objectWithLongName1.value1; //可能3

}else{

property1=value1;//可能4

}

}

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

其實只要一個小小的改進(jìn)，就可以祛除這些缺陷。我們可以在省略了對象的屬性前面加上點號，這樣就在屬性和外部變量之間加上了直觀的區(qū)分，有不少其他語言就是這樣做的。我們最初的例子會變成這樣：
代碼如下:
with (objectWithLongName1){

.propty1=value1;

.propty2=value2;

.propty3=value3;

.method1();

}

在Javascript做這樣的改進(jìn)之前，兩害相權(quán)取其輕，要盡量避免使用with語句。我們?nèi)匀豢梢圆捎靡恍┳兺ǖ姆椒ā?
代碼如下:
var o1= objectWithLongName1;

o1.propty1=value1;

o1.propty2=value2;

o1.propty3=value3;

o1.method1();

或者對于這樣的情況：

objectWithLongName1.propty1= objectWithLongName2.propty1；

objectWithLongName1.propty2= objectWithLongName2.propty2;

……

objectWithLongName1.propty10= objectWithLongName2.propty10;

可以寫成：
代碼如下:
(function(o1, o2, pl){

pl.forEach(function(item){o1[item]=o2[item];});

})( objectWithLongName1,objectWithLongName2, [‘propty1', ‘propty2', … , ‘propty10']);

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com