react.js初学笔记

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)