前端ES6语法
ES6
let和const和var的区别
let解决var的变量穿透问题
const解决var定义的常量能被修改问题
箭头函数
//箭头函数-重点(在未来的项目开发中:比如小程序,脚手架大量使用)
//以前
var sum=function(a,b){
return a+b;
}
//改进
var sum=(a,b)=>{
return a+b;
}
//改进2
var sum=(a,b)=>a+b
es6简写
//es6简写
//因为对象是key,value存在
//1如果key和变量的名字一致,可以只定义一次即可
//2如果value是一个函数,可以把:function去掉只剩下括号即可
var title="wdwdw";
var link="hht";
//简写前
let info2={
title:title,
link:link,
go:function(){
console.log("xiaolan")
}
}
//简写后
let info3={
title,
link,
go(){
console.log("xiaolan")
}
}
对象解构
let info2={
title:title,
link:link,
go:function(){
console.log("xiaolan")
}
}
//es6对象解构
var {title,link}=info2;
//还原代码
var title=info2.title
var link=info2.link
对象传播符
let info2={
title:title,
link:link,
go:function(){
console.log("xiaolan")
}
}
//es6对象解构
var {title,link,...info}=info2;
//就会把原对象除了title和link之外的全部属性赋值给info对象