9、ES6对象的简写。

Wesley13
• 阅读 580

在写一个对象的时候,ES6给我们提供了一种简写的方式。例子如下:

<script type="text/javascript">

    let username = "张三";
    let age = 18;

    //普通方式声明一个对象obj
    let obj = {
        username: username,
        age: age,
        add: function() {
            return this.age+34;
        }
    }
    console.log(obj);

    //简写方式声明一个对象obj_t
    let obj_t = {
        username,//属性名、属性的值对应的变量名,是同名的,可以简写。
        age,
        add() { //方法简写。可以去掉冒号和后面的function关键字“: function”
            return this.age+34;
        }
    }
    console.log(obj_t);

    console.log(obj_t.add());
</script>

上面普通方式写一个对象:

    let obj = {
        username: username,
        age: age,
        add: function() {
            return this.age+34;
        }
    }

这里的属性名username和属性值的变量名是一样的,所以开源简写。方法没有什么前提条件,直接可以把冒号和后面的function去掉。(: function)

let obj_t = {
        username,//属性名、属性的值对应的变量名,是同名的,可以简写。
        age,
        add() { //方法简写。可以去掉冒号和后面的function关键字“: function”
            return this.age+34;
        }
    }

点赞
收藏
评论区
推荐文章
Karen110 Karen110
3年前
一篇文章带你了解JavaScript日期
日期对象允许您使用日期(年、月、日、小时、分钟、秒和毫秒)。一、JavaScript的日期格式一个JavaScript日期可以写为一个字符串:ThuFeb02201909:59:51GMT0800(中国标准时间)或者是一个数字:1486000791164写数字的日期,指定的毫秒数自1970年1月1日00:00:00到现在。1\.显示日期使用
待兔 待兔
5个月前
手写Java HashMap源码
HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22
Stella981 Stella981
3年前
JavaScript Prototype
定义和用法prototype属性使您有能力向对象添加属性和方法。实例在本例中,将展示如何使用prototype属性来向对象添加属性:<scripttype"text/javascript"functionemployee(name,job,born){this.n
Wesley13 Wesley13
3年前
ThinkPHP 模板变量输出
普通输出输出模板中的变量,格式如下:{$变量名称}例子:{$username}//普通变量{$userinfo"email"}//数组方式{$userinfo"sub""name"}//三维数组方式{$userinfo:email}//对象方式{$
Wesley13 Wesley13
3年前
ES6新语法(二)
1.解构在ES6中,可以使用解构从数组和对象提取值并赋值给独特的变量,即将数组或对象中的值,拆成一个一个变量。解构:自动解析数组或对象中的值,并赋值给指定的变量。、1.1数组解构vararr3,4,5;vara,b,carr;
Wesley13 Wesley13
3年前
ES6面向对象
ES6面向对象js中的面向对象functionUser(name,age){this.namename;//定义属性this.ageage;}//通过原型添加方法User.prototype.showNamefuncti
Wesley13 Wesley13
3年前
ES6 对象增强
  对象字面量语法扩展:  1, 属性初始化语法简写:给一个属性赋一个变量值,如果变量名和属性名相同,可以省略变量名和冒号,直接写属性名,js引擎在执行代码的时候,自动查找 和属性命名相同的变量并赋值。!复制代码(https://oscimg.oschina.net/oscnet/414cf48b53ba46e84b673583a
可莉 可莉
3年前
20个常用的JavaScript简写技巧
任何编程语言的简写技巧都能够帮助你编写更简练的代码,让你用更少的代码实现你的目标。让我们一个个来看看JavaScript的简写技巧吧。1\.声明变量//Longhandlet x;let y20;//Shorthandlet x,y20;2\.给多个变量赋值我们可以使用数组解构来在一行中给
Wesley13 Wesley13
3年前
ES6的强大变量声明
ES6是javascript的新特性,今天来说说声明变量过去我们声明变量,都是一个一个声明,现在有了一种新的声明方式,它可以将一个多个变量同时声明,声明后变量同时存在一个集合中,集合的数据类型是对象(object)。使用这种声明方式,可以使我们书写程序的过程中思路更加清晰,可以将同一事件下的所有变量集合起来,可以将相同意义的变量集合起来。这样的变量声
Wesley13 Wesley13
3年前
JS创建对象模式7种方法详解
创建对象的几种模式虽然Object构造函数或者字面量,都可以用来创建对象,但这些方式有明显的缺点:使用同一个接口创建很多对象,会产生大量的代码,于是,工厂模式诞生了1工厂模式工厂模式是广为人知的设计模式,抽象了创建具体对象的过程。在ES6的Class创建类之前,是无法创建类的,开发人员就发明了一种函数,用函数来封