ES6

ES6－解構賦值

解構賦值

解構賦值(Destructuring Assignment)是⼀個在ES6的新特性，⽤於提取(extract)陣列或物件中的資料，新 語法可以讓程式碼在撰寫時更為簡短與提⾼閱讀性。

陣列解構賦值

ES6－展開與其餘運算符

展開運算符，其餘運算符

展開運算符(Spread Operator)與其餘運算符(Rest Operator)是ES6中的其中兩種新特性，雖然這兩種特性的符號是⼀模⼀樣的，都是三個點(…)，但使⽤的情況與意義不同。

• 符號都是三個點(…)
• 都是在陣列值運算 ⼀個是展開陣列中的值
• ⼀個是集合其餘的值成為陣列

展開運算符(Spread Operator)

ES6篇－函式與作用域／傳⼊參數預設值(Default Parameters)

函式

基本語法結構

//匿名函式 function() {} 

//有名稱的函式 function foo() {}

傳⼊參數預設值

ES6篇－物件的增強(Object Enhancement)／Object.assign

屬性初始設定簡寫法

省略冒號(:)

React.js－解構賦值／展開與其餘運算符／類別／模組系統

React.js－解構賦值／展開與其餘運算符／類別／模組系統

React.js－認識-解構賦值／展開與其餘運算符／類別／模組系統

解構賦值

解構賦值(Destructuring Assignment)語法

React.js－變數／常數／箭頭函式

變數

• 變數-有「盒⼦」的概念，把資料放在裡⾯，然後標註上⼀個名稱作為標籤
• 宣告時使⽤let關鍵字，⼀開始宣告時要養成給定初始值的好習慣