[TOC]
~~~
//es5
function add(x,y){
var sum = x+y;
console.log(sum);
}
~~~
## 1.箭頭函數
~~~
//es6
const add=(x,y)=>{
let sum = x+y;
console.log(sum);
}
~~~
#### 1.2省略return
~~~
const add=(x,y)=>{
return x+y;
}
~~~
~~~
//簡寫
const add=(x,y)=>x+y;
console.log(add(1,2));
~~~
## 2.函數參數
#### 2.1參數展開
>Tip: ...args必須是最后一個參數
- 收集參數
~~~
function show(a,b,...args){
console.log(a);
console.log(b);
console.log(args); //2,3,4,5
}
show(1,2,3,4,5)
~~~
- 展開數組
~~~
let arr = [1,2,3];
function test(a,b,c){
alert(a);
alert(b);
alert(c);
}
test(...arr);
~~~
#### 2.2默認參數
~~~
function test(a=10,b){
console.log(a+b);
}
test(20,10)
~~~
- 將es6轉為es5
- 第一節 webpack
- 第二章 基礎語法
- 第1節 模塊化
- 第2節set和map語法
- 2.1 set
- 第3節 變量
- 第4節 循環of
- 第5節 function
- 第6節 解構賦值
- 1.在對象在函數中的解構
- 第7節 字符串
- 第8節 面向對象
- 8-1 static靜態屬性,靜態方法
- 第9節 JSON對象
- 9-1 Object.keys()
- 第10節 Promise
- 10.1 原理
- 10.2 回調地獄
- 第11節 generator
- 第一節 基本
- 第二節 generator-ajax
- 第12節 yield
- 第13節 asnyc
- 13.1
- 13.2 ajax
- 第14節 array
- 第15節 string方法拓展
- 第三章 webpack的簡單配置
- 第四章 高級語法
- 第1節 promise
- a.實例
- b.promise
- 第2節 await,async