一、分支結(jié)構(gòu)

1、if語句

if 基礎(chǔ)語法：

if (條件表達式) {代碼塊; } // 當條件表達式結(jié)果為true，會執(zhí)行代碼塊；反之不執(zhí)行 // 條件表達式可以為普通表達式 // 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.表達式可以為 整數(shù)表達式 或 字符串表達式 // 2.值可以為 整數(shù) 或 字符串 // 3.break可以省略 // 4.default為默認代碼塊，需要出現(xiàn)在所有case最下方，在所有case均未被匹配時執(zhí)行 View Code

二、循環(huán)結(jié)構(gòu)

1、for循環(huán)

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

2、while循環(huán)

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

3、do...while循環(huán)

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

4、for...in循環(huán)

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

5、for...of循環(huán)

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

6、break，continue關(guān)鍵詞

break：結(jié)束本層循環(huán)

continue：結(jié)束本次循環(huán)進入下一次循環(huán)

三、異常處理

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

四、函數(shù)初級

1、函數(shù)的定義

ES5

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

ES6

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

匿名函數(shù)

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

2、函數(shù)的調(diào)用

3、函數(shù)的參數(shù)

個數(shù)不需要統(tǒng)一

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) // ...變量必須出現(xiàn)在參數(shù)列表最后 View Code

4、返回值

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

?

轉(zhuǎn)載于:https://www.cnblogs.com/zhanggq/p/10140121.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。