JavaScript中的那些語句

CoderBear 發(fā)布于2019-08-23 16:45 / 416人閱讀

摘要：前言基本上，我們每天都在和中的各種語句進行著溝通，那些我們經(jīng)常見面的老朋友，或者是未曾見面的新朋友，它們共同維護著的流程，讓我們的程序穩(wěn)步運行。

前言

基本上，我們每天都在和 JavaScript 中的各種語句進行著溝通，那些我們經(jīng)常見面的 老朋友，或者是未曾見面的 新朋友 ，它們共同維護著 JavaScript 的流程，讓我們的程序穩(wěn)步運行。那么，你是否對它們足夠了解呢

如果文章中有出現(xiàn)紕漏、錯誤之處，還請看到的小伙伴多多指教，先行謝過

以下↓

JavaScript 區(qū)分表達式和語句。表達式是輸出值的，并且可以寫在任何需要一個值的地方.籠統(tǒng)來說，一個語句表示執(zhí)行了一個動作

條件語句 if語句

語法：

if (condition) statement1 else statement2

   // condition 值為真或假的表達式
   // statement1 當 condition 為真時執(zhí)行的語句
   // statement2 當 condition 為假時執(zhí)行的語句

if 語句大概是我們接觸特別多的條件語句了，根據(jù)不同的判斷條件執(zhí)行不同的邏輯

多層 if...else 語句可使用 else if 從句

if (condition1)
   statement1
else if (condition2)
   statement2
...
else
   statementN

switch語句

switch 語句評估一個表達式，將表達式的值與 case 子句匹配，并執(zhí)行與該情況相關(guān)聯(lián)的語句

語法：

switch (expression) {
  case value1:
  // 代碼塊
  break;
  case value2:
  // 代碼塊
  ...
  
  default 
  // 代碼塊
}

switch 在比較值時，使用的是全等操作符 === ，因此不會發(fā)生類型轉(zhuǎn)換如果多個 case 與提供的值匹配，則選擇匹配的第一個 case
如果沒有 case 子句相匹配，程序則會尋找那個可選的 default 子句，如果找到了，將控制權(quán)交給它，執(zhí)行相關(guān)語句;若沒有就執(zhí)行完 switch 語句
若 break 被省略，程序會繼續(xù)執(zhí)行 switch 語句中的下一條語句

迭代語句 do-while語句

do-while 是一種后測試循環(huán)語句，即只有在循環(huán)體中的代碼執(zhí)行之后，才會測試出口條件。換句話說，在對表達式求值之前，循環(huán)體內(nèi)的代碼至少會被執(zhí)行一次

語法：

do {
    statement
} while(expression)

while語句

while 語句屬于前測試循環(huán)語句，即在循環(huán)體內(nèi)的代碼被執(zhí)行之前，就會測試出口條件

語法：

while(expression) statement

當測試條件一直為真的情況下，就會形成一個死循環(huán)。所以在執(zhí)行階段，我們很有必要為循環(huán)設(shè)定結(jié)束條件

for語句

for 語句也是前測試循環(huán)語句,它具有執(zhí)行循環(huán)之前初始化變量和定義循環(huán)后要執(zhí)行的代碼的能力

示例：

var count = 10;
for(var i = 1; i < count; i++){
    // 代碼塊
}

for 循環(huán)的執(zhí)行順序是變量賦值==>判斷條件==> (符合就執(zhí)行代碼塊，再執(zhí)行 ++ 操作) == (不符合就直接跳出循環(huán))

使用 while 循環(huán)做不到的，使用 for 循環(huán)同樣也做不到，for 循環(huán)只是把與循環(huán)有關(guān)的代碼集中在了一個地方

for-in語句

for-in 語句是一種精準的迭代語句，用來枚舉對象的屬性

語法：

for (variable in object) {...}

for...in 循環(huán)只遍歷可枚舉屬性for..in 循環(huán)輸出的屬性名的順序是不可預(yù)測的。具體來講，所有屬性都會被返回一次，但返回的先后次序可能會因瀏覽器而異
for...in 會遍歷存在于原型對象的可枚舉屬性
for..in 不適合遍歷數(shù)組 數(shù)組的屬性就是它的索引

for-of語句

for...of 是 ES6 新增的迭代方式，規(guī)定了一個數(shù)據(jù)結(jié)構(gòu)只要部署了 Symbol.iterator 屬性，就被視為具有 iterator 接口，就可以用 for...of 循環(huán)遍歷它的成員,它的出現(xiàn)就是在一定程度上補充了 for...in 的不足

語法：

for (variable of object) {...}

具體可以點擊這里

for...in 與 for...of 的區(qū)別

其他 break和continue語句

break 和 continue 語句用于在循環(huán)中精確地控制代碼的執(zhí)行break 語句會立即退出循環(huán)，強制執(zhí)行循環(huán)后面的語句；continue 語句雖然也是立即退出循環(huán)，但是退出循環(huán)后會從循環(huán)的底部繼續(xù)執(zhí)行

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

num // 4

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

num // 8

label語句

使用 label 語句可以在代碼中添加標簽，以便將來使用

語法：

label: statement

label 語句一般都會配合 break 和 continue 使用，多用于多重循環(huán)

var count = 0;
loop1: 
for(var i = 0; i < 10; i++) {
    loop2:
    for(var j = 0; j < 10; j++) {
        if (i == 5 && j == 5) {
         continue loop1;
      }
      count++
    }
}

count // 95

// 不使用 label 語句的情況下會從里面的循環(huán)重新開始，使用 label 標識會從標識的循環(huán)重新開始

with語句

with 語句的作用是將代碼的作用域設(shè)置到一個特定的對象中，主要目的是為了簡化多次編寫同一個對象的操作

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

// 改寫如下

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

// 使用 with 語句關(guān)聯(lián)了 location 對象

嚴格模式下不允許使用 with 語句

with會延長作用域

大量使用 with 語句會造成程序性能下降

debugger語句

debugger 語句，用來產(chǎn)生一個斷點，代碼的執(zhí)行會停在斷點的位置，這時使用調(diào)試器來輸出變量的值

空語句

語法：

一般情況下，空語句會配合 for 循環(huán)來使用

for(;;;){
    // 產(chǎn)生一個死循環(huán)
}

后記

當然，在 JavaScript 中還有其他的一些語句，比如聲明語句、復(fù)合語句等。了解它們的用法，我們就能在合適的場景去更好地使用它們，讓我們的代碼更加優(yōu)雅

如果你也是一個前端愛好者，如果你也想了解、分享更多前端的技能和有趣的東西，點擊這里你將看到更多分享，歡迎 star 關(guān)注

期待同行

以上

GPU云服務(wù)器云服務(wù)器 php中的終止語句 java中的嵌套語句 javascript 語句 javascript中的

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/103235.html

發(fā)表評論

登陸后可評論

0條評論

CoderBear

男|高級講師

我要關(guān)注我要私信

TA的文章

ION Cloud：兩周年慶，新加坡CN2/圣何塞CN2 GIA云服務(wù)器年付8折，$336/年起

閱讀 2571·2021-08-20 09:38
Web組件簡介

閱讀 1355·2019-08-30 15:43
CSS如何修改placeholder樣式

閱讀 593·2019-08-29 17:13
css+html 扁平化博客

閱讀 1601·2019-08-29 14:01
數(shù)據(jù)告訴你，胡歌的微世界

閱讀 1314·2019-08-29 13:29
LoaderX - 圖片加載插件

閱讀 2322·2019-08-23 18:29
RN 從上手到“放棄”

閱讀 2047·2019-08-23 17:51
【3】JavaScript 基礎(chǔ)深入——對象

閱讀 1915·2019-08-23 17:16

国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

JavaScript中的那些語句

相關(guān)文章

JS 數(shù)組循環(huán)遍歷方法的對比

Javascript難點知識運用---遞歸,閉包,柯里化等

錯誤檢測（1）------try-catch語句 From 《高程3》

錯誤檢測（1）------try-catch語句 From 《高程3》

JavaScript學(xué)習(xí)筆記(二) 對象與函數(shù)

發(fā)表評論

0條評論

CoderBear

男|高級講師

TA的文章

ION Cloud：兩周年慶，新加坡CN2/圣何塞CN2 GIA云服務(wù)器年付8折，$336/年起

Web組件簡介

CSS如何修改placeholder樣式

css+html 扁平化博客

數(shù)據(jù)告訴你，胡歌的微世界

LoaderX - 圖片加載插件

RN 從上手到“放棄”

【3】JavaScript 基礎(chǔ)深入——對象

最新活動