1.首先搭配webpack和ES6語法。

2.let和const：let定義局部變量（只在作用域內生效），const定義全局（唯一性）

3.ES6的 箭頭函數

let kitty = {
　　age:1,
　　grow: function(){
　　　　setTimeout(() =>{
　　　　　　console.log(this.age);
　　　　},1000)；
　　}
}
kitty.grow();

4.Rest參數

當一個函數最後一個參數帶有"..."這樣的前綴，他就會變成一個參數的數組
function test(...args){
console.log(args)
}
test(1,2,3)

function test2(name, ...args){
console.log(args)
}
test2(‘Peter‘,2,3)
//結果[2,3]

//對於數組數據處理

//es5
var arr1 = [1,2,3];
var arr2 = [4,5,6];
var arr3 = arr1.concat(arr2);
console.log(arr3)
//使用展開運算符
let arra = [1,2,3];
let arrb = [4,5,6];
let arrc = [...arra,...arrb];
console.log(arrc)

//對於對象
let tom = {name:‘tom‘,age:‘18‘}
tom = {...tom,sex:‘boy‘}
console.log(tom)

//模板字符串,es6的優化寫法；主要用" ` "這個符號
let name = `jack`;
let a = `my name is ${name} !`;
console.log(a)

react.js初學筆記