ES6語法學習筆記 2 解構賦值

陣列解構賦值

let a,b,rest;
[a,b]=[
1,2]
; console.
log(a,b)
;//1 2

…rest陣列解構賦值

let a,b,rest;
[a,b,
...rest]=[
1,2,
3,4,
5,6]
; console.
log(a,b,rest)
;//1 2 (4) [3, 4, 5, 6]

物件解構賦值

let a,b;(=
);console.
log(a,b)
;//1 2

解構賦值中的預設值，防止沒有配對成功中的undefined

let a,b,c,rest;
[a,b,c=3]
=[1,
2]; console.
log(a,b,c)
;//1 2 3

解構賦值用於變數交換

let b=2;
[a,b]
=[b,a]
; console.
log(a,b)
;//2 1

functionf(
)let a,b;
[a,b]=f
(); console.
log(a,b)
;//1 2

返回多個值時選擇性的接收其中的值

functionf(
)let a,b,c;
[a,,
,b]=f(
);console.
log(a,b)
;//1 4

…用於不確定陣列返回的長度為多少，把第乙個元素取出，其他的返回乙個陣列

functionf(
)let a,b,c;
[a,,
...b]=f
();console.
log(a,b)
;//1 (3) [3, 4, 5]

物件解構賦值按照key:value去匹配

let o=
;let
=o;console.
log(p,q)
;//42 true

物件解構賦值使用預設值

let
=console.
log(a,b)
;//3 5

巢狀物件使用

let metadate=]}
let]
}=metadate;
console.
log(estitle,cntitle)
;//abc test
//1 4abc test

ES6語法學習筆記

基本用法 1.先定義後使用 let a 0 console.log a a 02.塊內有效 let在內部定義的變數，在外部是不可以訪問的，而var 定義的變數是在全域性範圍內有效 console.log a referenceerror a is not defined console.log b...

ES6語法學習

let 變數和const 常量 let name jarvis const name jarvis let相當於之前的var，作用域可以是全域性或者塊級作用域，不同作用域互不干擾。注意 1.沒有預解析，不存在變數提公升在塊內，只要let定義變數，在之前使用，都是報錯 2.同乙個作用域裡，不能重複...

ES6語法學習

一作用域 const var let 核心儘量減少使用var，常量使用const，塊級作用域使用let 5個按鈕，實現點選第i個按鈕，顯示i按鈕被點選。var btn document.getelementsbytagname button es5使用閉包解決var作用域問題 for var i...

ES6語法學習筆記 2 解構賦值

ES6語法學習筆記

ES6語法學習

ES6語法學習

相關推薦