欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript 學(xué)習(xí)筆記之語句

 更新時間:2015年01月14日 10:59:38   投稿:hebedich  
這篇文章主要介紹了JavaScript中的語句,包括條件分支語句、循環(huán)語句、迭代語句、Lable語句、break和continue語句、with語句、swith語句,十分全面細(xì)致,推薦給小伙伴們。

一、條件分支語句:if

基本格式:

if (<表達(dá)式1>){
    <語句組1>
}else if (<表達(dá)式2>){
    <語句組2>
}else{
    <語句組3>
}

執(zhí)行流程:

二、循環(huán)語句

2.1前測試循環(huán)語句:在循環(huán)體內(nèi)的代碼被執(zhí)行之前就對出口條件求值。

2.1.1while語句

基本格式:

do {
    <語句組>
} while (<表達(dá)式>)

執(zhí)行流程:


2.1.2 for語句

基本格式:
for (<初始表達(dá)式>;<條件表達(dá)式>;<變動量表達(dá)式>){
    <語句組>
}

執(zhí)行流程:
 


2.2后測試循環(huán)語句:在循環(huán)體中的代碼被執(zhí)行之后才會測試出口條件。

2.2.1、do-while語句

基本格式:

do {
    <語句組>
} while (<表達(dá)式>) ;

執(zhí)行流程:

三、精準(zhǔn)的迭代語句:for-in

基本格式:
for ( 屬性 in 對象 ){
    <語句組>
}

作用:重復(fù)執(zhí)行指定對象的所有屬性,可以用來枚舉對象的屬性。

 例子:

復(fù)制代碼 代碼如下:

<html>
<body>
<p>點擊下面的按鈕,循環(huán)遍歷對象 "person" 的屬性。</p>
<button onclick="myFunction()">點擊這里</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x;
var txt="";
var person={fname:"Bill",lname:"Gates",age:56};
for (x in person)
{
txt=txt + person[x];
}
document.getElementById("demo").innerHTML=txt;
}
</script>
</body>
</html>

如果要表示的對象為null或者undefined,循環(huán)體將不再執(zhí)行,或者拋出錯誤,因此,在執(zhí)行for-in循環(huán)時,應(yīng)該先檢測改對象的屬性值是不是null或者undefined。

四、Lable語句

基本語法:

Label: <語句組>

如: begin: for (var i = 0; i < 10 ; i++ ){
                         alert(i);
                   }
舉例說明lable語句的作用:
未加lable:

復(fù)制代碼 代碼如下:

var num = 0;
        for (var i = 0 ; i < 10 ; i++){
             for (var j = 0 ; j < 10 ; j++){
                  if( i == 5 && j == 5 ){
                        break;
                  }
             num++;
             }
        }
        alert(num);//95

加入lable:

復(fù)制代碼 代碼如下:

var num = 0;
    outPoint:
    for (var i = 0 ; i < 10 ; i++){
         for (var j = 0 ; j < 10 ; j++){
              if( i == 5 && j == 5 ){
                    break outPoint;
              }
         num++;
         }
    }
    alert(num); //55

第一個例子輸出95不難理解,第二個例子為什么輸出55呢,是因為執(zhí)行到break outpoint時,直接跳出到putpoint層,執(zhí)行alert語句。

如果把第二個例子改成下面這樣:

復(fù)制代碼 代碼如下:

                var num = 0;
                 for (var i = 0 ; i < 10 ; i++){
                     outPoint:
                     for (var j = 0 ; j < 10 ; j++){
                         if( i == 5 && j == 5 ){
                             break  outPoint;
                         }
                         num++;
                     }
                 };
         alert(num);//95

這個結(jié)果和第一個例子的結(jié)果是一致的。

五、break和continue語句

5.1break語句:

復(fù)制代碼 代碼如下:

       var num = 0;
        for (var i = 1 ; i < 10 ; i++){
            if(i%5==0){
                break;
            }
            num++;
        };
        alert(num);//4

break語句執(zhí)行后跳到alert語句

5.2continue語句:

復(fù)制代碼 代碼如下:

  var num = 0;
  for (var i = 1 ; i < 10 ; i++){
     if(i%5==0){
        continue;
     }
       num++;
   };
   alert(num);//8

continue語句執(zhí)行后跳到for()循環(huán),繼續(xù)執(zhí)行循環(huán),直到循環(huán)條件不成立。

六、with語句

基本語法:

with (object) {
    statements
}
舉例說明:
不使用with的寫法:

復(fù)制代碼 代碼如下:

var qs = location.search.substring(1);
var hostName = location.hostname;     
var url = location.href;
 alert(qs);
 alert(hostName);
 alert(url);

使用with的寫法:

復(fù)制代碼 代碼如下:

  with(location){
             var qs = search.substring(1);
             var hostName = hostname;     
             var url = href;
         }
         alert(qs);
         alert(hostName);
         alert(url);

從上面例子可以看出:with語句的作用是將代碼的作用域設(shè)置到一個特定的對象中、減少的重復(fù)輸入。

但是js的解釋器需要檢查with塊中的變量是否屬于with包含的對象,這將使with語句執(zhí)行速度大大下降,并且導(dǎo)致js語句很難被優(yōu)化。

因此并不建議大規(guī)模使用with語句。

七、swith語句

基本語法:
switch (<表達(dá)式>) {
    case <數(shù)值1>:<語句組1>
                 break;
    case <數(shù)值2>:<語句組2>
                 break;
    ...
    default <語句組>
}

執(zhí)行流程:

switch語句可以是任何數(shù)據(jù)類型,每個case的值也不一定是常量,也可以是變量、表達(dá)式等,例如:

復(fù)制代碼 代碼如下:

  switch ("hello world") {
             case "hello" + " world":
                 alert("Greeting was found.");
                 break;
             case "goodbye":
                 alert("Closing was found.");
                 break;
             default:
                 alert("Unexpected message was found.");
         }

復(fù)制代碼 代碼如下:

         var num = 25;
         switch (true) {
             case num < 0:
                 alert("Less than 0.");
                 break;
             case num >= 0 && num <= 10:
                 alert("Between 0 and 10.");
                 break;
             case num > 10 && num <= 20:
                 alert("Between 10 and 20.");
                 break;
             default:
                 alert("More than 20.");
         }

switch語句在比較時使用的是全等操作符比較,因此不會發(fā)生類型轉(zhuǎn)換。

練習(xí):

復(fù)制代碼 代碼如下:

 <script type="text/javascript">
         var count = 10;
         for (var i=0; i < count; i++){
             alert(i);
         }
         alert(i);   //輸出什么?
     </script>

for(;;){
    alert("2");//輸出多少次2?
}

以上就是本文的全部內(nèi)容了,希望對小伙伴們能夠有所幫助。

相關(guān)文章

  • JavaScript中也使用$美元符號來代替document.getElementById

    JavaScript中也使用$美元符號來代替document.getElementById

    JavaScript可以定義$符號函數(shù),簡寫或書寫兼容性更好的代碼。
    2010-06-06
  • javascript 數(shù)組學(xué)習(xí)資料收集

    javascript 數(shù)組學(xué)習(xí)資料收集

    由于javascript 數(shù)組應(yīng)用比較廣泛,使用的朋友越來越多,腳本之家特為大家整理了一些js 數(shù)據(jù)方面的學(xué)習(xí)資料,大家看完了,基本上應(yīng)該對數(shù)組有個理解了。
    2010-04-04
  • javascript實現(xiàn)計算器功能詳解流程

    javascript實現(xiàn)計算器功能詳解流程

    這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)簡單計算器小功能,只學(xué)書上的理論是遠(yuǎn)遠(yuǎn)不夠的,只有在實戰(zhàn)中才能獲得能力的提升,大家可以在本篇實例中查缺補(bǔ)漏,提升水平
    2021-11-11
  • Javascript 讀書筆記索引貼

    Javascript 讀書筆記索引貼

    Javascript 讀書筆記索引貼,方便讀者學(xué)習(xí)參考。
    2010-01-01
  • 前端面試題及答案整理(二)

    前端面試題及答案整理(二)

    上一篇從常見數(shù)據(jù)結(jié)構(gòu)算法、JavaScript兩個方面從面試的角度進(jìn)行了整理,本文將對其余內(nèi)容進(jìn)行補(bǔ)充
    2016-08-08
  • 全面了解JS中的匿名函數(shù)

    全面了解JS中的匿名函數(shù)

    下面小編就為大家?guī)硪黄媪私釰S中的匿名函數(shù)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-06-06
  • JavaScript判斷IE版本型號

    JavaScript判斷IE版本型號

    JavaScript判斷IE版本號,很簡單,需要的朋友可以參考下
    2015-07-07
  • js nextSibling屬性和previousSibling屬性概述及使用注意

    js nextSibling屬性和previousSibling屬性概述及使用注意

    nextSibling屬性:該屬性表示當(dāng)前節(jié)點的下一個節(jié)點;如果其后沒有與其同級的節(jié)點,則返回null;previousSibling屬性:該屬性與nextSibling屬性的作用正好相反,接下來將詳細(xì)介紹下,感興趣的你不妨了解下哦,或許對你有所幫助
    2013-02-02
  • javascript 實例詳解循環(huán)用法

    javascript 實例詳解循環(huán)用法

    假如您需要運(yùn)行代碼多次,且每次使用不同的值,那么循環(huán)(loop)相當(dāng)方便使用。本篇文章通過幾個實例來帶你掌握循環(huán)的用法
    2021-11-11
  • javascript編碼的幾個方法詳細(xì)介紹

    javascript編碼的幾個方法詳細(xì)介紹

    escape定義和用法escape() 函數(shù)可對字符串進(jìn)行編碼,這樣就可以在所有的計算機(jī)上讀取該字符串。語法 escape(string)參數(shù)描述string必需。要被轉(zhuǎn)義或編碼的字符串。返回值已編碼的 string 的副本。其中某些字符被替換成了十六進(jìn)制的轉(zhuǎn)義序列,需要了解的朋友可以參考下
    2013-01-01

最新評論