DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> JavaScript的strict模式與with關鍵字介紹
JavaScript的strict模式與with關鍵字介紹
編輯:JavaScript基礎知識     
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 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中也存在。有時候要反復引用一個名字很長的變量是很麻煩的,比如:

objectWithLongName1.propty1=value1;

objectWithLongName1.propty2=value2;

objectWithLongName1.propty3=value3;

objectWithLongName1.method1();

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

propty1=value1;

propty2=value2;

propty3=value3;

method1();

}

這樣省去不少敲打鍵盤的功夫,而且程序的結構也變得更加清晰。但是這樣的簡寫引入了歧義,我們如何知道大括號內的名稱,哪些是objectWithLongName1的屬性和方法,哪些是外部變量和函數。Javascript的解析規則是,先在objectWithLongName1上查找這些名稱的屬性,如果沒有找到,則認為它們是外部變量。用代碼說明就是這樣:
復制代碼 代碼如下:
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

}

}

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

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

.propty1=value1;

.propty2=value2;

.propty3=value3;

.method1();

}

在Javascript做這樣的改進之前,兩害相權取其輕,要盡量避免使用with語句。我們仍然可以采用一些變通的方法。
復制代碼 代碼如下:
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']);
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved