基於ES6作用域和解構賦值詳解

2023-03-19 01:35:32 字數 988 閱讀 7074

es6 強制開啟嚴格模式

作用域•var 宣告區域性變數,for/if花括號中定義的變數在花括號外也可訪問

•let 宣告的變數為塊作用域,變數不可重複定義

•const 宣告常量,塊作用域,宣告時必須賦值,不可修改

// const宣告的k指向一個物件,k本身不可變,但物件可變

function test()

k.b=3;

console.log(k);

}test()解構賦值

//output: 1 2 3

//output: 1 2 undefined

//output:1 2 [3, 4, 5, 6]

= )console.log(a ,b);

}//o程式設計客棧utput: 1 2

使用場景

變數交換

獲取多個函式值

let a, b;

[a, b] = f();

console.log(a, b);

}獲取多個函式返回值

let a, b, c;

[a,,,b] = f();

cowww.cppcns.comnsole.log(a, b);

}//output: 1 4

let a, b, c;

[a, ...b] = f();

console.log(a, b);

}//output: 1 [2, 3, 4, 5]

物件解構賦值

;let = o;

console.log(p ,q);

}//output: 42 true 5

獲取json值

]} let ]} = metadata;

console.log(estitle, cntitle);

}//output: abc test

本文標題: 基於es6作用域和解構賦值詳解

本文地址: /ruanjian/j**a/209813.html

ES6作用域和解構賦值

es6 強制開啟嚴格模式 const宣告的k指向一個物件,k本身不可變,但物件可變 function test k.b 3 console.log k test output 1 2 3 output 1 2 undefined output 1 2 3,4,5,6 console.log a b ...

ES6作用域和解構賦值

es6 強制開啟嚴格模式 const宣告的k指向一個物件,k本身不可變,但物件可變 function test k.b 3 console.log k test output 1 2 3 output 1 2 undefined output 1 2 3,4,5,6 console.log a b ...

ES6(二)解構賦值詳解

詳解一下之前的解構賦值 解構賦值中的 let a,b 1 b 代表變數b去匹配剩餘的所有元素返回一個陣列 匹配不到時返回 注意 b 只能放在最後 解構賦值的等號兩邊的資料型別必須一樣 即 let 或者 let 但是 set結構也允許使用陣列進行解構賦值 let a,b new set 1,2,3,4...

es6基礎 解構賦值

es6中允許從陣列中提取值,按照對應位置,對變數賦值,物件也可以實現解構 物件的解構賦值 let zyy 基本解構 重新命名屬性 let zyy alert selory function selfintroaduction alert 我叫 年齡 性別 工資 呼叫的函式 selfintroaduc...

es6 解構賦值

let x,y,z a a undefined,1.等號右邊如果不是陣列,將會報錯 不是可遍歷結構 2.解構賦值 var,let,const命令宣告均適用 3.set結構也可解構賦值 具有iterator介面,可採用陣列形式結構賦值 set解構 任何型別的單個值的集合 let x,y,z new s...

ES6 解構賦值

let a,b,c 1,2,3 let a,b c 1,2 3 let a 1,2,3 a 3 let a,b 1,2,3,4 a 1 b 2,3,4 也就是說 只要關係是一一對應的,我們可以以任何形式進行陣列的賦值。當解構失敗時 輸出的值是undefined let a,b,c 1 a 1 b u...

es6 解構賦值

1.物件解構賦值 let person let guanguan name guanguan age 25 注 用let,var,const,宣告解構賦值時,必須提供等號右側的值 1 預設值 let person let guanguan undefined let person let guang...

es6解構賦值

let a 1,b 2 2,3 上述列印a,b a 2,b 3 除非右邊是undefined,undefined 左邊的預設值才會生效 let 列印foo 是 2 box 是 1 物件可以次序不同,但是屬性名稱要一直 但是如果變數名和屬性名不一致 let 就必須要寫成次序相同的樣式 與陣列一樣,解構...

es6 解構賦值

1.陣列結構賦值 let a a,b 1,2 陣列型別解構賦值 console.log a 1 a,b,rest 1,2,3,4,5,6 輸出1,2,3,4,5,6 a,b,c 3 1,2 a 1,b 2,c 3 a,b,c 1,2 若左右沒有配對成功,則會輸出undefined。即c為undefi...

es6 解構賦值

使用es6的解構賦值能夠更加方便簡潔地從陣列或者物件中提取值然後賦值給變數。一 陣列的解構賦值 1 es5 let a 1 let b 2 let c 3 es6 let a,b,c 1,2,3 console.log a 1 console.log b 2 console.log c 3等號右邊的...