javascript中的for循環(huán)

Sunxb 發(fā)布于2019-08-23 12:38 / 1800人閱讀

摘要：在編程語言中一般都會使用到循環(huán)這個(gè)方法來一起了解一下循環(huán)有意思的地方原生的循環(huán)使用由于在原生的中沒有塊級作用域這個(gè)說法所以即使是在循環(huán)中定義的在循環(huán)之外也是能夠訪問到這個(gè)變量引入的來定義變量這里會顯示一個(gè)為未定義的引用報(bào)錯(cuò)因?yàn)檫@次的是通過來

在編程語言中一般都會使用到for循環(huán)這個(gè)方法,來一起了解一下for循環(huán)有意思的地方

原生js的for循環(huán)使用

for(var i = 0; i < 6; i++) {
    //do something
}
console.log(i) // 6

由于在原生的js中沒有塊級作用域這個(gè)說法,所以即使是在for循環(huán)中定義的i,在for循環(huán)之外也是能夠訪問到i這個(gè)變量

引入ES6的let來定義變量

for(let i = 0; i < 6; i++) {
    //do something
}
console.log(i) // Uncaught ReferenceError: i is not defined

這里會顯示一個(gè)i為未定義的引用報(bào)錯(cuò),因?yàn)檫@次的i是通過let來進(jìn)行定義的變量
let是ES6中新引入的一個(gè)定義變量的方法,這個(gè)方法可以使得定義的變量屬于塊級作用域(一對大括號包起來算是塊級作用域).在塊級作用域外不能訪問變量

更有意思的部分

for(let i = 0; i < 6; i++) {
    let i = "ace";
    console.log(i); // 輸出6次ace
}

可以在這看到在for的作用域中定義了一個(gè)新的i,并且打印出當(dāng)前作用域i出來.引入一個(gè)內(nèi)容

let i = 0; 
let i = "ace"; //Uncaught SyntaxError: Identifier "i" has already been declared

這里會報(bào)錯(cuò),因?yàn)橛胠et定義的變量不能夠重復(fù)進(jìn)行聲明
所以大膽猜測一下,但是沒有進(jìn)行驗(yàn)證,上面循環(huán)的形式大概是這樣子的

{
    let i = 0; // 循環(huán)前數(shù)值的初始化
    {
        // 執(zhí)行循環(huán)內(nèi)的函數(shù)
        let i = "ace"; 
        console.log(i);  // 在這里可以看到前后兩個(gè)i的作用域是不一樣的,當(dāng)內(nèi)層的作用域找不到i的時(shí)候,會向上繼續(xù)找,直到找到為止
    }
    i++
    if ( ! i < 6 ) return // 循環(huán)退出的條件
}

同樣的另外一個(gè)例子

for (var i = 0; i<6; i++){
    var i = "ace";
    console.log(i); // ace
}
console.log(i) // NaN 因?yàn)樵趫?zhí)行i++的時(shí)候i變成了字符串,所以會是NaN,并且不符合繼續(xù)循環(huán)的判斷條件

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/98880.html

相關(guān)文章

JavaScript 循環(huán)

摘要：所以結(jié)果的不同就是后者能將循環(huán)內(nèi)容至少執(zhí)行一次。當(dāng)此語句省略時(shí)，表示不進(jìn)行條件判斷，循環(huán)將一直執(zhí)行，只有在循環(huán)中使用來跳出循環(huán)。支持對數(shù)組和類數(shù)組對象進(jìn)行循環(huán)，不支持普通對象的循環(huán)。支持對字符串進(jìn)行循環(huán)遍歷。 JavaScript中直接提供的循環(huán)，主要有以下幾種 while 循環(huán) 和其他語言一樣，JavaScript中的while循環(huán)有兩種形式: while (condition) {...

gitmilk 2019-08-20 15:20 評論0 收藏0
JavaScript 中的 for 循環(huán)

摘要：在中，引入了新的循環(huán)，即循環(huán)。而且，遍歷數(shù)組元素的順序可能是隨機(jī)的。所以，鑒于以上種種缺陷，我們需要改進(jìn)原先的循環(huán)?？偨Y(jié)一下，循環(huán)有以下幾個(gè)特征這是最簡潔最直接的遍歷數(shù)組元素的語法。在ECMAScript5（簡稱 ES5）中，有三種 for 循環(huán)，分別是：簡單for循環(huán) for-in forEach 在2015年6月份發(fā)布的ECMAScript6（簡稱 ES6）中，新增了一種循...

chengjianhua 2019-08-21 10:42 評論0 收藏0
JavaScript中的那些語句

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

CoderBear 2019-08-23 16:45 評論0 收藏0
JavaScript-For 循環(huán)和 While 循環(huán)

摘要：一循環(huán)一個(gè)循環(huán)會一直重復(fù)執(zhí)行，直到指定的循環(huán)條件為。的循環(huán)和與的循環(huán)是很相似的。如果的值是，循環(huán)終止。如果表達(dá)式整個(gè)都被省略掉了，的值會被認(rèn)為是。如果求值為假，則跳出循環(huán)執(zhí)行后面的語句。注意使用語句在計(jì)算結(jié)果為真之前停止循環(huán)。一、For 循環(huán) 一個(gè)for循環(huán)會一直重復(fù)執(zhí)行，直到指定的循環(huán)條件為fasle。 JavaScript的for循環(huán)和Java與C的for循環(huán)是很相似的。 for...

Clect 2019-08-22 15:57 評論0 收藏0
無循環(huán) JavaScript

摘要：而且每次循環(huán)中都和進(jìn)行比較以保證循環(huán)特定次數(shù)以后終止循環(huán)。如不得不初始化一個(gè)數(shù)組并且每次循環(huán)都要調(diào)用函數(shù)。如果有兩個(gè)數(shù)組需要調(diào)用函數(shù)會怎么樣很容易想到的方法是對每個(gè)數(shù)組都做循環(huán)這確實(shí)，有能正確執(zhí)行的代碼，就比沒有好。作者：James Sinclair 編譯：胡子大哈翻譯原文：http://huziketang.com/blog/posts/detail?postId=58ad37...

DangoSky 2019-08-20 14:28 評論0 收藏0
高性能JavaScript閱讀簡記（三）

摘要：移植到中的一個(gè)典型的達(dá)夫設(shè)備的例子為一個(gè)很長很長的數(shù)組。但是達(dá)夫設(shè)備最初這種詭異的寫法和思路，還是驚艷了很多人的，值得我們思考。高性能閱讀簡記一高性能閱讀簡記二高性能閱讀簡記三四、Aligorithms and Flow Control 算法和流程控制 1、Loops 循環(huán) a、避免使用for/in循環(huán)在JavaScript標(biāo)準(zhǔn)中，有四種類型循環(huán)。for、for/in、while、...

psychola 2019-08-22 10:53 評論0 收藏0