ES6走一波 變數結構賦值

2022-02-18 20:06:50 字數 404 閱讀 2880

destructuring  變數的解構賦值 是一種模式匹配

es6我關注點之一是用途  能否舉些好例子是檢驗學習到位的方法之一

交換變數值  函式返回多個值  函式入參為物件、陣列,內部使用更簡潔

意義:減少冗餘**    let =

對同一物件的多次屬性獲取的優化寫法很簡潔  let = math

變數解構賦值的過程是將值遍歷的過程(等號右邊的值是乙個可遍歷解構(實現了iterator))

預設值得生效條件: 值嚴格等於 undefined

捕將大括號寫在行首,避免js將其解釋為**塊

解構賦值的規則是,只要等號右邊的值不是東西或陣列,就先將其轉為物件。因為undefined、null無法轉為物件,所以無法對它們進行解構賦值。

解構賦值不要亂用圓括號

ES6 變數的結構賦值

基本概念 陣列的結構賦值 物件的結構賦值 基本型別的結構賦值 示例一 陣列的結構賦值let a,b,c 1,2,3 console.log a,b,c 輸出 1 2 3let a b c 1 2 3 console.log 1 2,3 let a console.log a 輸出undefined示...

es6變數解構賦值

es6允許按照一定模式,從陣列和物件中提取值,對變數進行賦值,這被稱為解構。解構賦值在實際開發中可以大量減少我們的 量,並且讓我們的程式結構更清晰。陣列的解構賦值 let a,b 1 2 console.log a 1 console.log b 2 上面的 表示,可以從陣列中提取值,按照位置的物件...

ES6變數解構賦值

es6 允許按照一定模式,從陣列和物件中提取值,對變數進行賦值,這被稱為解構 es6之前我們申明多個變數需要按照下面的方法 let l a 1 let b 2 let c 3 let d 4 或者 let a 1,b 2,c 3,d 4 現在我們可以更加簡便 let a,b,c,d 1,2,3,4 ...