js ES6解構賦值

2021-10-09 03:01:17 字數 3083 閱讀 6974

交換變數的值:

let x =1;

let y =2;

[x,y]

=[y,x]

; console.

log(x,y)

;//1用乙個中間變數

let z = x;

x = y;

y = z;

console.

log(x,y)

;// 2異或

x = x^y;

y = x^y;

x = x^y;

console.

log(x,y)

;// 3. 算術運算子 - +

x = x + y;

y = x - y;

x = x - y;

console.

log(x,y)

;

從函式返回多個值

functionfn(

)let

[a, b, c]=fn

(); console.

log(b)

;let c =fn(

);let a = c[0]

;let b = c[1]

;let e = c[2]

;

函式引數的定義

function

a(arg1, arg2, arg3, arg4, arg5, arg6)

a(arr[0]

,2,3

,4,5

,6);

let arr =[1

,2,3

,4,5

,6]functiona(

[arg1, arg2, arg3, arg4, arg5, arg6])a

(arr)

;

提取 json 資料 主要是做資料傳輸 前端傳資料給後端 後端要傳資料給前面

let obj =

; console.

log(obj.a)

;//後端來的資料

let obj =

;let

= obj;

let title = obj.title;

let description = obj.description;

解構賦值 :

賦值運算子的擴充套件

它是專門對陣列和物件進行模式匹配

使**比較的簡潔

對陣列

let

[a,b,c]=[

1,2,

3]a 1 b 2 c 3

1.可以巢狀

let[a, b, c,

[d,[e]]]

=[1,

2,3,

[1,[

2]]]

; console.

log(e)

;2.可忽略

let[a,,b]=[

1,2,

3]; console.

log(a)

;//a:1,b:3

3.不完全解構

let[a =

1, b]=[

];console.

log(a)

; console.

log(b)

;4.剩餘運算子

let[a,...b]=[

1,2,

3]; console.

log(a)

; console.

log(b)

;5. 解構預設

let[a =2]

=[undefined]

; console.

log(a)

;let

[a =

3, b = a]=[

];//a 3 b 3

let[a =

3, b = a]=[

2];// a 2 b 2

let[a =

3, b = a]=[

4,5]

;// a4 b 5

console.

log(a)

; console.

log(b)

;

對字串:

let

[a, b, c, d, e]

="剩餘運算子"

; console.

log(a, b, c, d, e)

;let

[foo]=1

;

會出現報錯的情況

let

[foo]=1

;let

[foo]

=false

;let

[foo]

=nan

;let

[foo]

= undefined;

let[foo]

=null

;let

[foo]

=;

針對 物件

let=;

console.

log(a, b)

;

1.可以巢狀

let obj =]}

;let]}

= obj;

console.

log(b)

;2. 可忽略

let=;

console.

log(a)

;3.不完全解構 解構預設

let=;

console.

log(a)

;function

add(a =

0,b =0)

add();

4.剩餘運算子

let=;

console.

log(b)

;

js ES6學習筆記 變數的解構賦值

1 es6 允許按照一定模式,從陣列和物件中提取值,對變數進行賦值,這被稱為解構 destructuring 2 es6允許寫成 let a,b,c 1,2,3 上面 表示,可以從陣列中提取值,按照對應位置,對變數賦值。本質上,這種寫法屬於 模式匹配 只要等號兩邊的模式相同,左邊的變數就會被賦予對應...

JS ES6的變數的結構賦值

變數的結構賦值使用者很多 1 交換變數的值 let x 1 let y 2 x,y y,x 上面的 交換變數x和變數y的值,這樣的寫法不僅簡潔,易讀,語義非常清晰 2 從函式返回多個值 函式只能返回乙個值,如果要返回多個值,只能講他們放在陣列或者物件裡返回。了解解構賦值,取值這些值非常方便 返回乙個...

js ES6學習筆記 Proxy

1 proxy 用於修改某些操作的預設行為,等同於在語言層面做出修改,所以屬於一種 元程式設計 meta programming 即對程式語言進行程式設計。2 proxy 可以理解成,在目標物件之前架設一層 攔截 外界對該物件的訪問,都必須先通過這層攔截,因此提供了一種機制,可以對外界的訪問進行過濾...