ES6新語法上

es6新語法:

1.變數/賦值

var 可以重複定義、不能限制修改、沒有塊級作用域

let 不能重複定義、變數、塊級作用域
const 不能重複定義、常量、塊級元素

左右兩邊必須一樣，右邊得是個東西

必須定義和賦值同步完成

2.函式

普通：function(函式,引數)

箭頭函式

(引數，引數)=>

如果有且僅有乙個引數，"()"可以省略

如果函式體只有一句話，而且是return,"{}"可以省略

(a=xx,b=xx)

引數展開(剩餘引數、陣列展開)

1."三個點"的第乙個用途：接收剩餘引數function show(a,b,…c)

剩餘引數必須在引數列表的最後

2."三個點"的第二個用途：展開乙個陣列

3.陣列/json

陣列–5種

map對映：乙個對乙個

[18, 67, 98, 25, 17, 96] => [false, true, true, false, false, true]

reduce

彙總：一堆->乙個

filter

過濾：[12,5,88,37,21,91,17,24]

foreach

遍歷：array.from([array-like])=>[x,x,x]

json

簡寫：名字和值一樣的，可以省略

function可以不寫

4.字串

字串模板：植入變數、任意拆行

if(snum.startswith('135'))else

if(filename.endswith('.txt'))else

普通函式:根據呼叫我的人 this老變

箭頭函式:根據所在的環境 this恆定

bind–給函式定死乙個this

function show(a,b,...args)

promise–非同步、同步化

7.generator

生成器es7

8.async/await

9.模組化 es6

打包、編譯

es6 -> es5編譯 babel

打包 browserify

ES6新語法 箭頭函式

箭頭函式 箭頭函式 實質就是乙個函式固定格式的簡寫 簡寫的規則 function 改為 讀為goesto 如果只有乙個形參，可以省略形參小括號 如果有0個或多個形參 就不能省略形參小括號 如果函式體只有一句話，就可以省略函式體大括號 如果函式體只有一句話，並且這一句話是return 返回值 那麼re...

ES6新語法 解構賦值

物件解構賦值 很重要 物件解構賦值 獲取元素中屬性的值，然後賦值給變數 宣告乙個物件 let obj es5中 let name1 obj.name let age1 obj.age let gender1 obj.gender let score1 obj.score console.log na...

ES6新語法計算屬性名

你可能也經歷過下面 片段中的這種情況，其中的乙個或多個屬性名來自於某個表示式，因此無法用物件字面量表達。var prefix user var o o prefix foo function o prefix bar function es6新增語法可以解決這個問題 var prefix user ...