大前端进阶篇：es6语法中对象简写，箭头函数与对象操作符

大前端进阶

新的一天继续努力ya!!! ##对象简写

传统的js对象写法

代码语言：javascript复制

        var info ={
        title:"快乐学习",
         link:"123",
        go:function(){
            console.log("我骑小黄车")
        }
        }

es6简写

应为对象k,v存在

1. 如果key和变量名字一致，可以省略括号指定一次即可
2. 如果value 是一个函数，可以将function去掉

代码语言：javascript复制

 var title="快乐学习";
        var link="123";
            let info2 ={
               title,
                link,
                go(){
            console.log("我骑小黄车")
        }
        }

es6简写可以让我们的对象的属性赋值为变量，是对象内部的值可以发生改变，操作起来更加方便。

对象操作符 …

…操作符： 可以将一个对象的值赋值给另一个对象，也可以选择性的赋值 可以通过括号选中出不想传输给其他对象的属性，之后通过 …操作符 把对象剩下的属性或者函数给另一个对象

代码语言：javascript复制

        // 对象传播操作符...
        var person = {
            name: "学相伴",
            address: "广东",
            link: "httpcom",
            phone: 1234567,
            go() {
                console.log("开始上班了")
            }
        };

        var {name,address,...person2} = person;

小结

es6的新语法，让我们在开发中，相比之前传统的js简便不少，新的规则也让编码变得越来越规范，相当值得学习 !加油小伙伴！

ecmascript

0 人点赞