一、分支結構

1、if語句

if 基礎語法：

if (條件表達式) {代碼塊; } // 當條件表達式結果為true，會執行代碼塊；反之不執行 // 條件表達式可以為普通表達式 // 0、undefined、null、""、NaN為假，其他均為真 View Code

if 復雜語法：

// 1.雙分支 if (表達式1) {代碼塊1; } else {代碼塊2; }// 2.多分支 if (表達式1) {} else if (表達式2) {} ... else if (表達式2) {} else {} View Code

if 嵌套：

if (表達式1) {if (表達式2) {}... }... View Code

2、switch語句

switch (表達式) {case 值1: 代碼塊1; break;case 值2: 代碼塊2; break;default: 代碼塊3; } // 1.表達式可以為 整數表達式 或 字符串表達式 // 2.值可以為 整數 或 字符串 // 3.break可以省略 // 4.default為默認代碼塊，需要出現在所有case最下方，在所有case均未被匹配時執行 View Code

二、循環結構

1、for循環

for (循環變量①; 條件表達式②; 循環變量增量③) {代碼塊④; } // 1.循環變量可以在外、在內聲明 // 2.執行邏輯 ① ②④③ ... ②④③ ②，入口為①，出口為②，②④③個數為[0, n] View Code

2、while循環

while (條件表達式) {代碼塊; } View Code

3、do...while循環

do {代碼塊; } while (條件表達式); View Code

4、for...in循環

obj = {"name": "zero", "age": 8} for (k in obj) {console.log(k, obj[k]) } // 用于遍歷對象：遍歷的結果為key，通過[]語法訪問對應的value View Code

5、for...of循環

iter = ['a', 'b', 'c']; for (i in iter) {console.log(iter[i]) } // 1.用于遍歷可迭代對象：遍歷結果為index，通過[]語法訪問對應的value // 2.ES6新增，可迭代對象有 字符串、數組、Map、Set、Anguments、NodeList等 View Code

6、break，continue關鍵詞

break：結束本層循環

continue：結束本次循環進入下一次循環

三、異常處理

try {易錯代碼塊; } catch (err) {異常處理代碼塊; } finally {必須邏輯代碼塊; } // 1.err為存儲錯誤信息的變量 // 2.finally分支在異常出現與否都會被執行 View Code

四、函數初級

1、函數的定義

ES5

function 函數名 (參數列表) {函數體; }var 函數名 = function (參數列表) {函數體; } View Code

ES6

let 函數名 = (參數列表) => {函數體; } View Code

匿名函數

function (參數列表) {函數體; }// 匿名函數需要自調用 (function (參數列表) {函數體; })(參數列表); View Code

2、函數的調用

3、函數的參數

個數不需要統一

function fn (a, b, c) {console.log(a, b, c) // 100 undefined undefined } fn(100)function fn (a) {console.log(a) // 100 } fn(100, 200, 300) // 200,300被丟棄 View Code

可以任意位置具有默認值

function fn (a, b=20, c, d=40) {console.log(a, b, c, d) // 100 200 300 40 } fn(100, 200, 300) View Code

通過...語法接收多個值

function fn (a, ...b) {console.log(a, b) // 100 [200 300] } fn(100, 200, 300) // ...變量必須出現在參數列表最后 View Code

4、返回值

function fn () {return 返回值; } // 1.可以空return操作，用來結束函數 // 2.返回值可以為任意js類型數據 // 3.函數最多只能擁有一個返回值 View Code

?

轉載于:https://www.cnblogs.com/zhanggq/p/10140121.html

總結

以上是生活随笔為你收集整理的js基础2的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。