javascript基礎加固3—-文法2

來源:互聯網
上載者:User

標籤:功能   區別   style   多個   1.5   十分   bre   選擇   return   

2.1 JavaScript 語句2.1.1 if/else 語句

JavaScript 中的 if/else 判斷選擇,你會發現,就像 C 語言。文法格式是這樣的:

if (條件 1)  {  當條件 1 為 true 時執行的代碼;  }else if (條件 2)  {  當條件 2 為 true 時執行的代碼;  }else  {  當條件 1 和 條件 2 都不為 true 時執行的代碼;  }
2.1.2 switch/case 語句

在做大量的選擇判斷的時候,如果依然使用 if/else 結構,那麼代碼有可能會變得很淩亂,於是我們採用 switch/case 結構:

switch(k){case k1:  執行代碼塊 1 ;  break;case k2:  執行代碼塊 2 ;  break;default:  預設執行(k 值沒有在 case 中找到匹配時);}
2.1.3 for 迴圈

for 迴圈是程式員進場經常用到的工具,在 JavaScript 中,for 迴圈的文法也十分類似 C 語言,格式是這樣的:

for(變數 = 初始值 ; 迴圈條件 ; 變數累加方法){迴圈語句;}

舉例說明更清楚,比如迴圈列印出 0~7 的數字:

<html><head></head><body><script>for(var i=0;i<8;i++){document.write("number is "+i+"<br>");}</script></body></html>
2.1.4 while 迴圈

區別於 for 迴圈的另一種迴圈方式:

while (條件)  {  需要執行的代碼;  }
此外,while 迴圈還有一種變體,稱作 do/while 迴圈:
do  {  需要執行的代碼;  }while (條件);
而這兩者的區別是,do/while 迴圈在檢測條件之前就會執行,也就是說,即使條件為 false,do/while 也會執行一次迴圈代碼。
2.1.5 break 和 continue 語句

有時候在迴圈體內,需要立即跳出迴圈或跳過迴圈體內其餘代碼而進行下一次迴圈,這便是 break 和 continue 的作用。

  • break 本語句放在迴圈體內,作用是立即跳出迴圈。

  • continue 本語句放在迴圈體內,作用是中止本次迴圈,並執行下一次迴圈。如果迴圈的條件已經不符合,就跳出迴圈。

比如:

for (i = 1; i < 10; i++){  if (i == 5 || i == 6) continue;  if (i == 8) break;  document.write(i);}

輸出為“12347”,便是跳過了 5 和 6,然後在 i==8 的時候跳出了迴圈。

2.2 JavaScript 函數

在進行一個複雜的程式設計時,需要根據所要完成的功能,將程式劃分為一些相對獨立的部分,每部分編寫一個“函數”。從而,使各部分充分獨立,任務單一,程式清晰,易懂、易讀、易維護。

JavaScript 的函數可以封裝那些在程式中可能要多次用到的模組,並可作為 事件驅動 的結果而調用的程式,從而實現一個函數把它與事件驅動相關聯,這是與其它語言不同的地方。

在 JavaScript 中,函數由關鍵詞 function 定義,函數可以有多個參數。基本格式為:

function 函數名 (參數1,參數2){  函數體;  return 傳回值;}

調用(使用)函數時,傳入對應的參數,執行 函數體 中如 if/else,switch/case,for,while 等各種語句,可以實現各種複雜的功能。

函數的重複聲明:如果多次採用 function 命令重複聲明同一個函數,則後面的聲明會覆蓋前面的聲明,比如以下代碼:

<script>function my_func(){document.write(1);}my_func()document.write("<br>");function my_func(){  document.write(2);}my_func()</script>

 

javascript基礎加固3—-文法2

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.