1、在ES6中定义js变量时候,尽量少使用var , 尽量使用let局部变量和const常量。
2、ES6结构表达式 , 例 let persons = ['张三','李四','王五','赵六']; 取出前两个 可以使用 let [x,y] = persons; 此时x='张三' , y='李四' , let [,,a,b] = persons , 此时a='王五',b='赵六' , let [,...new] = persons; 此时new为persons去除首元素的新数组。
例 let xiaoming = {name:"jack",age:18} , 则 let {name,age} = xiaoming , 此时 name = "jack" ,age=18 , 其中结构表达式中的变量需要和json的key对应上。
还可以完成对象copy , 例 let xiaoming = {name:"jack",age:18} , let {...obj} = xiaoming , 此时xiaoming 对象则被copy给obj对象。
3、函数优化 let add = (a,b) => a+b; 调用 add(1,2)
4、结构表达式灵活运用,进行函数优化
let p = {
name:'jack',
age:18
};
const introduce1 = function(person){
console.log(person.name + ',' + person.age)
};
let introduce2 = ({name,age})=> console.log(name + ',' + age);
introduce1(p);
introduce2(p);
5、map函数使用
let array = ['12','4','6','18'];
let newArray = array.map(element => {
let a = parseInt(element);
return a + 100;
});
console.log(newArray);
6、reduce函数使用
let array = ['12','4','6','18'];
let newArray = array.map(element => {
let a = parseInt(element);
return a + 100;
});
console.log(newArray);
let sum = newArray.reduce((a,b) => {
console.log(a,b);
return a+b;
});
console.log(sum);
7、前端项目npm初始化 npm init -y
8、前端项目npm引入js依赖 npm install vue --save