對于JavaScript三種循環語句的理解。

GT 發布于2019-08-22 16:40 / 2436人閱讀

摘要：循環語句最近在整理關于一些小知識，都是基礎易學的，雖然沒什么可復習的，但是也想多記錄一下加深理解。循環循環在指定條件為時執行語句。

循環語句

最近在整理關于JavaScript一些小知識，都是基礎易學的，雖然沒什么可復習的，但是也想多記錄一下加深理解。
循環語句是JavaScript中最常見的條件語句了，通常我們能夠使用到的為for循環，while循環和do...while循環，以下做簡單的理解

for循環

for循環用來重復執行一段代碼很方便。以下是for循環的常規語法：

for(語句1；語句2；語句3){
執行體
}
語句 1 在循環（代碼塊）開始前執行，表示初始化變量；
語句 2 定義運行循環（代碼塊）的條件，判斷條件是否為true；
語句 3 在循環（代碼塊）已被執行之后執行，代碼執行后的變量操作

簡單代碼如下所示:

for(var i = 0;i < 5;i ++){
    alert(10);
}
console.log(i); // 5

以上會彈出5次窗體。
值得注意的是ES5中沒有塊級作用域，只有全局作用域以及函數作用域。
當for循環被函數包含的時候，var i會被提出去變為一個函數作用域的變量，而不是僅在代碼塊中有效；
當for循環是在執行環境中的for循環，則會被添加到當前執行環境，在外部也會訪問的到。
ES6中，使用let可以很好的解決，現在可能會在某些老舊的瀏覽器中產生兼容問題。

var i;
for(i = 0; i < 5;i ++){
    alert("for循環");
}
console.log(i); // 5

while循環

在指定條件為true時執行語句。以下是while循環的常規語法:

while (條件)
{
需要執行的代碼
}

簡單代碼如下所示:

var i = 0;
while(i < 5){
    alert("while循環");
    i ++;
}

注意：如果在循環體內不進行變量的操作，此循環將變為死循環

do...while循環

至少會執行一次的循環，而后再判斷條件，為true時進入循環再次執行。以下是do...while循環的常規語法：

do
  {
  需要執行的代碼
  }
while (條件);

簡單代碼如下所示：

var i = 5;
do{
    alert("do...while循環");
    i ++;
}while(i < 5)

other

其實還有一種for...in循環，語句循環遍歷對象的屬性，這種循環是無序遍歷的一種。

結語

在實際項目中可以按需各取，如有錯誤方請指正，謝謝。

GPU云服務器云服務器 js循環理解跳出循環語句優化循環語句 until循環語句

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/94548.html

javascript中為什么我們不能直接使用export?

摘要：我們可以認為，宏任務中還有微任務這里不再多做解釋可能會執行的代碼包括腳本模塊和函數體。聲明聲明永遠作用于腳本模塊和函數體這個級別，在預處理階段，不關心賦值的部分，只管在當前作用域聲明這個變量。相信很多人最開始時都有過這樣的疑問假如我的項目目錄下有一個 index.html, index.js 于是我像這樣寫在瀏覽器之間打開index.html，發現showImg(https://...

URLOS 2019-08-26 14:04 評論0 收藏0
高程3總結#第24章最佳實踐

摘要：也就是說避免屬性查找或其他的操作。簡化循環體循環體是執行最多的，所以要確保其被最大限度地優化。代碼組織組織代碼要考慮到可維護性并不一定是傳送給瀏覽器的最好方式。最佳實踐可維護性什么是可維護性的代碼如果說代碼是可維護的，它需要遵循以下特點可理解性——其他人可以接手代碼并理解它的意圖和一般途徑，而無需原開發人員的完整解釋。直觀性——代碼中的東西一看就能明白，不管其操作過程多...

zhiwei 2019-08-23 12:16 評論0 收藏0
javascript性能優化方面的知識總結

摘要：插入迭代器如前面兩條語句可以寫成使用直接量替換為替換為替換為如果要創建具有一些特性的一般對象，也可以使用字面量，如下前面的代碼可用對象字面量來改寫成這樣使用優化多次一旦需要更新請考慮使用文檔碎片來構建結構，然后再將其添加到現存的文檔中。好贊，收藏自總結的js性能優化方面的小知識（不喜勿噴）前言一直在學習javascript，也有看過《犀利開發Jquery內核詳解與實踐》，對...

BlackHole1 2019-08-22 10:56 評論0 收藏0
JavaScript中數組排序深度講解

摘要：結果為依次為循環語句結果依次為，，代碼解讀語句看著有點像語句，但是和語句不同的是它不可以循環對象，只能循環數組。 ES5和ES6數組遍歷方法詳解在ES5中常用的10種數組遍歷方法: 1、原始的for循環語句2、Array.prototype.forEach數組對象內置方法3、Array.prototype.map數組對象內置方法4、Array.prototype.filter數組對象...

xbynet 2019-08-20 18:00 評論0 收藏0
<<編寫可維護的javascript>> 筆記3(語句和表達式)

摘要：所有的塊語句都應當使用花括號包括花括號的對齊方式第一種風格第二種風格塊語句間隔第一種在語句名圓括號和左花括號之間沒有空格間隔第二種在左圓括號之前和右圓括號之后各添加一個空格第三種在左圓括號后和右圓括號前各添加一個空格我個人喜歡在右括號之后添所有的塊語句都應當使用花括號, 包括: if for while do...while... try...catch...finally 3....

OBKoro1 2019-08-21 12:02 評論0 收藏0