寫在前面

在這一章中我們聊一聊ECMAScript中的幾個關鍵語句switch、for-in、label等語句，加深我們對它們的理解和認識。首先從最常見的說起。

while和for

while和for是很常規(guī)的語句，無論是在JavaScript還是C還是其他編程語言中。而且在編程中我們較常用的也是for，for用起來更靈活，更簡單，所以有些人可能就會產(chǎn)生這樣一種誤解：

for比while更強大，能做到while做不到的一些事情。

其實我們稍微想想while和for語句的語法應用，我們就會發(fā)現(xiàn)：

while循環(huán)做不到的for循環(huán)也做不到。

這是因為for循環(huán)只是把while循環(huán)有關的代碼集中在了一起而已，其實有些時候，用while循環(huán)比用for循環(huán)更簡單。這也是各司其職各有利弊吧。

關于循環(huán)的另一點，我們先看一段代碼：

for(i=0;i<5;i++){
  console.log(i);
}
console.log(i);

在循環(huán)外打印i，打印輸出是5。

可以看到，在循環(huán)內(nèi)部定義的變量在外部也是可以訪問的。在一些語言中比如C，大括號定義的是塊級作用域，但是在ECMAScript中是沒有塊級作用域這個概念的，所以在循環(huán)內(nèi)部定義的變量在外部也是可以訪問的。

switch語句

在其他編程語言中比如C，switch語句只能使用數(shù)字，而在ECMAScript中，switch語句可以使用任何數(shù)據(jù)類型，像字符串、對象都是可以的。

這里有一點需要說明:switch語句比較的時候使用的全等操作符，即===，所以'10'和10不相等，因為在進行全等比較的時候，并不發(fā)生類型轉(zhuǎn)換。

for-in語句

for-in語句是一種精確性的迭代語句，可以用來遍歷對象的屬性，當然也可以迭代數(shù)組的屬性。下面分別以例子說明：

for-in遍歷對象

•window

先遍歷一個特殊的對象window：

for(var i in window){
  console.log(i);
}

會打印出一串很長很長的屬性列表，大家可自行查看，在此不一一羅列贅述。

•自定義對象

遍歷自定義對象

var o={prop1:'value1', prop2:'value2', prop3:'value3'};
for (var i in o){
  console.log(i);
}

打印出prop1 prop2 prop3。

•數(shù)組

遍歷數(shù)組

var array1=[1,2,3,4];
for(var i in array){
  console.log(i);
}

打印輸出1 2 3 4。

with語句

with語句可以用來限制作用域，即可以將代碼的作用域設置到一個特定的對象中。如下：

var hostname=location.hostname;
var url=location.href;

這兩句分別獲取hostname和url，因為它們共用location（同一個對象下的屬性），所以我們可以將作用域限定在location中，即用with語句關聯(lián)location對象。如下：

with(location){
  
  var hostname=hostname;
  var url=href;
}

需要注意的是：嚴格模式下使用with語句會有語法錯誤，同時，大量使用with語句會導致性能下降，同時也會給調(diào)試帶來一定的困難，所以在開發(fā)應用程序的時候，尤其是開發(fā)大型應用程序的時候，并不建議使用with語句。

label語句

label語句用來在代碼中加標簽，從而可以在以后來使用它。一般情況下，加標簽的語句要和for循環(huán)等循環(huán)語句配合來使用。

它的語法是：

label: statement

下面給出代碼詳細來看看label標簽的用法。

1、先給出一段基本的代碼：

var num=0;
for(var i=0;i<10;i++){
  for(var j=0;j<10;j++){
    if(i==5&&j==5){
      break;
    }
    num++;
  }
}
console.log(num);

說明：break跳出了處在內(nèi)部的for循環(huán)，j剩下的5次循環(huán)不再執(zhí)行，所以打印的結(jié)果是95。

2、接下來我們將break換成continue：

var num=0;
for(var i=0;i<10;i++){
  for(var j=0;j<10;j++){
    if(i==5&&j==5){
      break;
    }
    num++;
  }
}
console.log(num);

說明：continue跳出了本次循環(huán)，就是說跳出了處在內(nèi)部for循環(huán)的這一次循環(huán)，所以打印的結(jié)果是99。

3、接下來我們加上一個名為outer的label標簽再分別看打印結(jié)果：

var num=0;
outer:
for(var i=0;i<10;i++){
  for(var j=0;j<10;j++){
    if(i==5&&j==5){
      break outer;
    }
    num++;
  }
}
console.log(num);

說明：加上了標簽以后，用break跳到了標簽outer處，就是說程序跳出了外循環(huán)，即程序執(zhí)行到了i=5且j=5時停止執(zhí)行，所以打印的結(jié)果是55。

4、我們再換成continue看看：

var num=0;
outer:
for(var i=0;i<10;i++){
  for(var j=0;j<10;j++){
    if(i==5&&j==5){
      continue outer;
    }
    num++;
  }
}
console.log(num);

說明：這一次用的是continue，所以當程序執(zhí)行到i=5且j=5時并沒有跳出外循環(huán)，而只是跳出了內(nèi)循環(huán)，即剩下的5次不予執(zhí)行，所以打印的結(jié)果是95。

放在一起這幾個顯得稍微有些混淆，多理解理解就會好很多。

小結(jié)

我們學習一門東西不是為學而學，是為用而學，說白了就是為了工作而學，所以單純理解上面的東西不是最重要的，不是為記而記，是為用而記，能夠熟練運用在實踐中才是我們希望的。同時，做筆記是一個很好的習慣，好記性不如爛筆頭，如果你在做，那么希望你堅持下去。

以上這篇深入理解ECMAScript的幾個關鍵語句就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

最新評論