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)