前端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对象

​