摘要:循環(huán)語(yǔ)句最近在整理關(guān)于一些小知識(shí),都是基礎(chǔ)易學(xué)的,雖然沒(méi)什么可復(fù)習(xí)的,但是也想多記錄一下加深理解。循環(huán)循環(huán)在指定條件為時(shí)執(zhí)行語(yǔ)句。
循環(huán)語(yǔ)句
最近在整理關(guān)于JavaScript一些小知識(shí),都是基礎(chǔ)易學(xué)的,雖然沒(méi)什么可復(fù)習(xí)的,但是也想多記錄一下加深理解。
循環(huán)語(yǔ)句是JavaScript中最常見(jiàn)的條件語(yǔ)句了,通常我們能夠使用到的為for循環(huán),while循環(huán)和do...while循環(huán),以下做簡(jiǎn)單的理解
for循環(huán)用來(lái)重復(fù)執(zhí)行一段代碼很方便。以下是for循環(huán)的常規(guī)語(yǔ)法:
for(語(yǔ)句1;語(yǔ)句2;語(yǔ)句3){
執(zhí)行體
}
語(yǔ)句 1 在循環(huán)(代碼塊)開(kāi)始前執(zhí)行,表示初始化變量;
語(yǔ)句 2 定義運(yùn)行循環(huán)(代碼塊)的條件,判斷條件是否為true;
語(yǔ)句 3 在循環(huán)(代碼塊)已被執(zhí)行之后執(zhí)行,代碼執(zhí)行后的變量操作
簡(jiǎn)單代碼如下所示:
for(var i = 0;i < 5;i ++){ alert(10); } console.log(i); // 5
以上會(huì)彈出5次窗體。
值得注意的是ES5中沒(méi)有塊級(jí)作用域,只有全局作用域以及函數(shù)作用域。
當(dāng)for循環(huán)被函數(shù)包含的時(shí)候,var i會(huì)被提出去變?yōu)橐粋€(gè)函數(shù)作用域的變量,而不是僅在代碼塊中有效;
當(dāng)for循環(huán)是在執(zhí)行環(huán)境中的for循環(huán),則會(huì)被添加到當(dāng)前執(zhí)行環(huán)境,在外部也會(huì)訪(fǎng)問(wèn)的到。
ES6中,使用let可以很好的解決,現(xiàn)在可能會(huì)在某些老舊的瀏覽器中產(chǎn)生兼容問(wèn)題。
var i; for(i = 0; i < 5;i ++){ alert("for循環(huán)"); } console.log(i); // 5while循環(huán)
在指定條件為true時(shí)執(zhí)行語(yǔ)句。以下是while循環(huán)的常規(guī)語(yǔ)法:
while (條件)
{
需要執(zhí)行的代碼
}
簡(jiǎn)單代碼如下所示:
var i = 0; while(i < 5){ alert("while循環(huán)"); i ++; }
注意:如果在循環(huán)體內(nèi)不進(jìn)行變量的操作,此循環(huán)將變?yōu)樗姥h(huán)
do...while循環(huán)至少會(huì)執(zhí)行一次的循環(huán),而后再判斷條件,為true時(shí)進(jìn)入循環(huán)再次執(zhí)行。以下是do...while循環(huán)的常規(guī)語(yǔ)法:
do
{
需要執(zhí)行的代碼
}
while (條件);
簡(jiǎn)單代碼如下所示:
var i = 5; do{ alert("do...while循環(huán)"); i ++; }while(i < 5)other
其實(shí)還有一種for...in循環(huán),語(yǔ)句循環(huán)遍歷對(duì)象的屬性,這種循環(huán)是無(wú)序遍歷的一種。
結(jié)語(yǔ)在實(shí)際項(xiàng)目中可以按需各取,如有錯(cuò)誤方請(qǐng)指正,謝謝。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/94548.html
摘要:我們可以認(rèn)為,宏任務(wù)中還有微任務(wù)這里不再多做解釋可能會(huì)執(zhí)行的代碼包括腳本模塊和函數(shù)體。聲明聲明永遠(yuǎn)作用于腳本模塊和函數(shù)體這個(gè)級(jí)別,在預(yù)處理階段,不關(guān)心賦值的部分,只管在當(dāng)前作用域聲明這個(gè)變量。 相信很多人最開(kāi)始時(shí)都有過(guò)這樣的疑問(wèn)假如我的項(xiàng)目目錄下有一個(gè) index.html, index.js 于是我像這樣寫(xiě) 在瀏覽器之間打開(kāi)index.html,發(fā)現(xiàn)showImg(https://...
摘要:也就是說(shuō)避免屬性查找或其他的操作。簡(jiǎn)化循環(huán)體循環(huán)體是執(zhí)行最多的,所以要確保其被最大限度地優(yōu)化。代碼組織組織代碼要考慮到可維護(hù)性并不一定是傳送給瀏覽器的最好方式。 最佳實(shí)踐 可維護(hù)性 什么是可維護(hù)性的代碼 如果說(shuō)代碼是可維護(hù)的,它需要遵循以下特點(diǎn) 可理解性——其他人可以接手代碼并理解它的意圖和一般途徑,而無(wú)需原開(kāi)發(fā)人員的完整解釋。 直觀(guān)性——代碼中的東西一看就能明白,不管其操作過(guò)程多...
摘要:插入迭代器如前面兩條語(yǔ)句可以寫(xiě)成使用直接量替換為替換為替換為如果要?jiǎng)?chuàng)建具有一些特性的一般對(duì)象,也可以使用字面量,如下前面的代碼可用對(duì)象字面量來(lái)改寫(xiě)成這樣使用優(yōu)化多次一旦需要更新請(qǐng)考慮使用文檔碎片來(lái)構(gòu)建結(jié)構(gòu),然后再將其添加到現(xiàn)存的文檔中。 好贊,收藏自 總結(jié)的js性能優(yōu)化方面的小知識(shí)(不喜勿噴) 前言 一直在學(xué)習(xí)javascript,也有看過(guò)《犀利開(kāi)發(fā)Jquery內(nèi)核詳解與實(shí)踐》,對(duì)...
摘要:結(jié)果為依次為循環(huán)語(yǔ)句結(jié)果依次為,,代碼解讀語(yǔ)句看著有點(diǎn)像語(yǔ)句,但是和語(yǔ)句不同的是它不可以循環(huán)對(duì)象,只能循環(huán)數(shù)組。 ES5和ES6數(shù)組遍歷方法詳解 在ES5中常用的10種數(shù)組遍歷方法: 1、原始的for循環(huán)語(yǔ)句2、Array.prototype.forEach數(shù)組對(duì)象內(nèi)置方法3、Array.prototype.map數(shù)組對(duì)象內(nèi)置方法4、Array.prototype.filter數(shù)組對(duì)象...
摘要:所有的塊語(yǔ)句都應(yīng)當(dāng)使用花括號(hào)包括花括號(hào)的對(duì)齊方式第一種風(fēng)格第二種風(fēng)格塊語(yǔ)句間隔第一種在語(yǔ)句名圓括號(hào)和左花括號(hào)之間沒(méi)有空格間隔第二種在左圓括號(hào)之前和右圓括號(hào)之后各添加一個(gè)空格第三種在左圓括號(hào)后和右圓括號(hào)前各添加一個(gè)空格我個(gè)人喜歡在右括號(hào)之后添 所有的塊語(yǔ)句都應(yīng)當(dāng)使用花括號(hào), 包括: if for while do...while... try...catch...finally 3....
閱讀 889·2021-10-27 14:19
閱讀 1111·2021-10-15 09:42
閱讀 1531·2021-09-14 18:02
閱讀 743·2019-08-30 13:09
閱讀 2989·2019-08-29 15:08
閱讀 2091·2019-08-28 18:05
閱讀 954·2019-08-26 10:25
閱讀 2783·2019-08-23 16:28