前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >大前端进阶篇:es6语法中对象简写,箭头函数与对象操作符

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

作者头像
冷环渊
发布2021-10-19 15:29:45
1K0
发布2021-10-19 15:29:45
举报

大前端进阶

新的一天继续努力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简便不少,新的规则也让编码变得越来越规范,相当值得学习 !加油小伙伴!

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021-08-20 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 大前端进阶
    • 传统的js对象写法
      • es6简写
        • 对象操作符 …
          • 小结
          领券
          问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档