博客
关于我
【ES6】对象的拓展
阅读量:611 次
发布时间:2019-03-13

本文共 1091 字,大约阅读时间需要 3 分钟。

ES6 对象的拓展

一、对象的两种表示法

1. 简写表示法

ES6 允许我们直接在对象中写入变量或函数作为属性名和方法名,省略了等号后面的属性值部分。这时候,属性值等于属性名所表示的变量。这种简写方式对将简洁代码书写出来非常有帮助。

var foo = 'bar';var baz = { foo };

这里,baz 的属性 foo 的值与变量 foo 的值相同,因此 baz 被简化为 { foo: 'bar' }

这种简写方式同样适用于方法:

var o = {  method() {    return 'hello AJ';  }};

可以写成:

var o = { method: function() { return 'hello AJ'; } };

2. 属性名表达式法

属性名表达式法允许我们使用表达式的结果作为属性名。这种方法特别适用于动态生成属性名。

var prop = 'val';var obj = {  [prop]: true,  ['a' + 'bc']: 123};

这里,obj 的属性名分别为 'val''abc',值分别为 true123


二、Object.is()

Object.is() 用于比较两个值是否严格相等。它与严格相等比较运算符 (===) 的行为基本一致,但有两个特殊情况:

  • -0+0Object.is(+0, -0) 返回 false,而 +0 === -0 返回 true
  • NaNObject.is(NaN, NaN) 返回 true,而 NaN === NaN 返回 false
  • ES5 的 Object.is 方法可以通过定义一个不以环境为目标的方式部署。

    Object.is(+0, -0); // falseObject.is(NaN, NaN); // true

    三、Object.assign()

    Object.assign() 方法用于将源对象 (source) 的所有可枚举属性复制到目标对象 (target) 中。

    var target = { a: 1 };var source1 = { b: 2 };var source2 = { c: 3 };Object.assign(target, source1, source2);

    复制后,target 会变为 { a: 1, b: 2, c: 3 }


    更多 ES6 教学文章

    如需了解更多 ES6 功能和实用技巧,可以访问以下链接:

    更多 ES6 教学文章


    参考文献

    阮一峰. 《ES6 标准入门(第 2 版)》.

    转载地址:http://yizaz.baihongyu.com/

    你可能感兴趣的文章
    mysql中出现Incorrect DECIMAL value: '0' for column '' at row -1错误解决方案
    查看>>
    mysql中出现Unit mysql.service could not be found 的解决方法
    查看>>
    mysql中出现update-alternatives: 错误: 候选项路径 /etc/mysql/mysql.cnf 不存在 dpkg: 处理软件包 mysql-server-8.0的解决方法(全)
    查看>>
    Mysql中各类锁的机制图文详细解析(全)
    查看>>
    MySQL中地理位置数据扩展geometry的使用心得
    查看>>
    Mysql中存储引擎简介、修改、查询、选择
    查看>>
    Mysql中存储过程、存储函数、自定义函数、变量、流程控制语句、光标/游标、定义条件和处理程序的使用示例
    查看>>
    mysql中实现rownum,对结果进行排序
    查看>>
    mysql中对于数据库的基本操作
    查看>>
    Mysql中常用函数的使用示例
    查看>>
    MySql中怎样使用case-when实现判断查询结果返回
    查看>>
    Mysql中怎样使用update更新某列的数据减去指定值
    查看>>
    Mysql中怎样设置指定ip远程访问连接
    查看>>
    mysql中数据表的基本操作很难嘛,由这个实验来带你从头走一遍
    查看>>
    Mysql中文乱码问题完美解决方案
    查看>>
    mysql中的 +号 和 CONCAT(str1,str2,...)
    查看>>
    Mysql中的 IFNULL 函数的详解
    查看>>
    mysql中的collate关键字是什么意思?
    查看>>
    MySql中的concat()相关函数
    查看>>
    mysql中的concat函数,concat_ws函数,concat_group函数之间的区别
    查看>>