目錄

創新互聯建站專注于寧強網站建設服務及定制，我們擁有豐富的企業做網站經驗。 熱誠為您提供寧強營銷型網站建設，寧強網站制作、寧強網頁設計、寧強網站官網定制、小程序開發服務，打造寧強網絡公司原創品牌,更為您提供寧強網站排名全網營銷落地服務。

語法：...1

流程控制：...2

for循環：...3

while循環、do...while循環：...4

for ... in循環：...5

for ... of循環：...6

三種for迭代的差別：...7

break、continue：...8

語法：

語句塊：

js使用大括號構成語句塊；

ES6之前語句塊是沒有作用域的，從ES6開始支持作用域，let只能在塊作用域中可見；

函數內的let、var、隱式聲明都對外不可見；

塊作用僅對let有效（即用let定義的對外不可見，var和隱式聲明的對外可見）；

例：

function hello() {?? //函數內的let、var、隱式聲明都對外不可見

let a =1;

var b =2;

c =3;

}

// let d =100;

if (1) {?? //塊作用域僅對let有效（即用let定義的對外不可見，var和隱式聲明的對外可見）

let d =4;

var e =5;

f =6;

if (true) {

console.log(d,e,f);

g =7;

var h =8;

}

}

// console.log(a);?? //error

// console.log(b);?? //error

// console.log(c);?? //error

// console.log(d);?? //error，塊作用域中的不可見；最外層的可見

console.log(e);

console.log(f);

console.log(g);

console.log(h);

輸出：

4 5 6

100

5

6

7

8

流程控制：

條件分支：

if (cond) {

}

else if (cond2) {

}

else if (cond3) {

}

else {

}

條件的false等效：undefined、null、0、NaN、''（空字串）；其它值都被視為true；

switch...case分支語句：

所有的switch...case都能轉為if...else；

另switch...case支持模式；

穿透問題，要恰當的使用break，如果沒有break，會一直走下去，直至碰到break；

default段不是必須；

switch (expression) {

case label_1:

statement1

[break;]

case label_2:

statement2

[break;]

...

default:?? //不是必須

statement_def

[break;]

}

例：

let a =1;

switch (a) {

case 1:

console.log('1');

// break;

case 2:

console.log('2');

break;

default:

console.log('null');

break;

}

輸出：

1

2

for循環：

C風格；

大括號中只1條語句時，大括號可省，如if (1) return;等價于if (1) {return ;}；

for ([initialExpression]);[condition];[incrementExpression]) {?

statement

}

for (let i=0;i<arr.length;) {}?? //死循環

for (;;) {}?? //死循環

例：

let arr = [10,20,30,40,50];

for (let i=0;i<arr.length;i++) {

console.log(i,arr[i])

}

輸出：

0 10

1 20

2 30

3 40

4 50

while循環、do...while循環：

一般用while (true) {}，有條件退出用for；

while (condition) {?? //條件滿足，進入循環，條件為真，繼續循環；大括號內語句只有一句，大括號可省

statement

}

do { ??//先進入循環，然后判斷，為真就繼續循環

statement

} while (condition);

例：

let i =10;

while (i--) {

console.log(i);

}

do {

console.log(i)

}while (i++ <10)

例，99乘法表：

for (let x=1;x<10;x++) {

line ='';

for (let y=1;y<=x;y++) {

line +=`${y}*${x}=${x*y} `;?? //插值

if (x ==y)

console.log(line);

}

}

for ... in循環：

對象操作語句，用來遍歷對象的屬性，另數組中索引也是屬性；

數組用for ... in返回的是索引；

對象用for ... in返回的是key；

根據個人喜好，或用C風格的for循環，或用for ... in都可；

注：

js的對象，與py的字典類似；

例：

let arr = [10,20,30,40,50];

// let arr = {?? //數組可理解為像對象這種定義方式，但不能用arr.0這樣訪問，不能這樣操作

//???? 0:10,

//???? 1:20,

//???? 2:30

// }

for (i in arr) {

console.log(i,arr[i]);

}

輸出：

0 10

1 20

2 30

3 40

4 50

例：

function add(x,y) {

return x +y

}

var obj = {?? //與py字典訪問一樣

p1 : 100,

p2 : 'abc',

p3 : [1,2,3],

p4 : add

}

console.log(obj['p4'](4,5));?? //屬性要用字符串,obj['p4']；obj[p4]不可以，p4 is not defined

for (let key in obj) {

console.log(`${key} :${obj[key]}`);?? //插值

}

輸出：

9

p1 : 100

p2 : abc

p3 : 1,2,3

p4 : function add(x,y) {

return x + y

}

for ... of循環：

ES6新語法，for ... of不能迭代對象，of后面必須是一個迭代器，可類比py的for in，如for i in []；

遍歷數組中的values，即數組中的元素，適合取數組的所有元素，若有條件在for ... in中作判斷；

例：

let arr = [10,20,30,40,50];

let obj = {

p1 : 100,

p2 : 'abc',

p3 : [1,2,3]

}

for (let i of arr) {

console.log(i);?? //返回數組元素，而不是索引

}

// for (let i of obj) {?? //error，ReferenceError: obj is not defined，不能迭代對象，of后必須是迭代器

//???? console.log(i);

// }

console.log(typeof(obj));?? //object

輸出：

10

20

30

40

50

object

三種for迭代的差別：

function sum(arr) {

for (let x in arr) {?? //遍歷index或對象屬性

console.log(x,typeof(x),arr[x]);

}

for (let x of arr) {?? //遍歷元素

console.log(x,typeof(x));

}

for (let x=0;x<arr.length;x++) {?? //自定義索引數值遍歷

console.log(x,typeof(x),arr[x]);

}

}

sum([3,6,9]);

輸出：

0 string 3

1 string 6

2 string 9

3 'number'

6 'number'

9 'number'

0 'number' 3

1 'number' 6

2 'number' 9

break、continue：

break，結束當前循環；

continue，中斷當前循環，直接進入下一次循環；

另外有需要云服務器可以了解下創新互聯cdcxhl.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

分享文章：64ES6_流程控制-創新互聯
轉載源于：http://www.yijiale78.com/article10/dchggo.html

成都網站建設公司_創新互聯，為您提供企業建站、品牌網站制作、品牌網站建設、全網營銷推廣、動態網站、企業網站制作

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯