ES6新特性之Object的变化分析


Posted in Javascript onMarch 31, 2017

本文实例讲述了ES6新特性之Object的变化。分享给大家供大家参考,具体如下:

Object的变化

1. ES6允许在对象中只写属性名,不写属性值,属性值为属性名对应的变量值

var a = 'hi';
var obj = {a};
console.log(obj); //Object {a: "hi"}

2.对象内方法的简写

var a = 'hi';
var obj = {
  name: 'ES6',
  a,
  sayHi(){
    console.log(this.a+' '+this.name);
  }
}
obj.sayHi(); //hi ES6

3.ES6允许字面量定义对象时用表达式作为对象的属性名

var a = 'b';
var obj = {
  [a]: 'ES6',
  ['c' + 'd']: 'hi'
}
console.log(obj); // Object {b: "ES6", cd: "hi"}

4.对象内方法名可以通过name访问

var a = 'hi';
var obj = {
  name: 'ES6',
  a,
  sayHi(){
    console.log(this.a+' '+this.name);
  }
}
obj.sayHi(); //hi ES6
console.log(obj.sayHi.name); //sayHi

5.Object.is()

用来比较两个值是否严格相等,与 ===  的区别在于, Object.is(NaN, NaN) 返回true,Object.is(+0, -0) 返回false。

6.Object.Assign()

用于将源对象的所有可枚举属性复制到目标对象上。

var obj_source_1 = {
  a: {
    a1: 'hi',
    a2: 'ES6'
  },
  b: 'hello'
}
var obj_source_2 = {
  c: 'ES2015',
}
var result = Object.assign({}, obj_source_1, obj_source_2);
console.log(result); //Object {a: Object, b: "hello", c: "ES2015"}

一般用法:为对象添加属性、方法,克隆对象,合并对象。

希望本文所述对大家ECMAScript程序设计有所帮助。

Javascript 相关文章推荐
IE event.srcElement和FF event.target 功能比较
Mar 01 Javascript
node.js中的fs.fstatSync方法使用说明
Dec 15 Javascript
angularjs学习笔记之简单介绍
Sep 26 Javascript
javascript字符串替换函数如何一次性全部替换掉
Oct 30 Javascript
你所未知的3种Node.js代码优化方式
Feb 25 Javascript
JavaScript代码性能优化总结篇
May 15 Javascript
修改js confirm alert 提示框文字的简单实例
Jun 10 Javascript
手机软键盘弹出时影响布局的解决方法
Dec 15 Javascript
JS ES6中setTimeout函数的执行上下文示例
Apr 27 Javascript
JS实现图片预加载之无序预加载功能代码
May 12 Javascript
Vue自定义表单内容检查rules实例
Oct 30 Javascript
Vue组件更新数据v-model不生效的解决
Apr 02 Vue.js
ES6新数据结构Set与WeakSet用法分析
Mar 31 #Javascript
ES6新数据结构Map功能与用法示例
Mar 31 #Javascript
基于AGS JS开发自定义贴图图层
Mar 31 #Javascript
Node.js使用Express创建Web项目详细教程
Mar 31 #Javascript
ES6使用let命令更简单的实现块级作用域实例分析
Mar 31 #Javascript
JS解决移动web开发手机输入框弹出的问题
Mar 31 #Javascript
详解使用JS如何制作简单的ASCII图与单极图
Mar 31 #Javascript
You might like
PHP中创建空文件的代码[file_put_contents vs touch]
2012/01/20 PHP
PHP addslashes()函数讲解
2019/02/03 PHP
JS继承--原型链继承和类式继承
2013/04/08 Javascript
JavaScript点击按钮后弹出透明浮动层的方法
2015/05/11 Javascript
js判断浏览器类型及设备(移动页面开发)
2015/07/30 Javascript
Javascript的表单验证-提交表单
2016/03/18 Javascript
JSON键值对序列化和反序列化解析
2017/01/24 Javascript
微信小程序中转义字符的处理方法
2019/03/28 Javascript
JS使用new操作符创建对象的方法分析
2019/05/30 Javascript
使用jQuery mobile NuGet让你的网站在移动设备上同样精彩
2019/06/18 jQuery
如何使用 JavaScript 操作浏览器历史记录 API
2020/11/24 Javascript
Python内置函数bin() oct()等实现进制转换
2012/12/30 Python
详解Python中的__init__和__new__
2014/03/12 Python
python实现linux服务器批量修改密码并生成execl
2014/04/22 Python
Python显示进度条的方法
2014/09/20 Python
Python实现简单石头剪刀布游戏
2021/01/20 Python
Python Pandas 转换unix时间戳方式
2019/12/07 Python
HTML5学习笔记之html5与传统html区别
2016/01/06 HTML / CSS
html5 canvas实现给图片添加平铺水印
2019/08/20 HTML / CSS
Agoda西班牙:全球特价酒店预订
2017/06/03 全球购物
男女时尚与复古风格在线购物:RoseGal(全球免费送货)
2017/07/19 全球购物
澳大利亚连衣裙和女装在线:Esther
2017/11/11 全球购物
银行实习自我鉴定
2013/10/12 职场文书
英文简历中的自我评价用语
2013/12/09 职场文书
设计师个人求职信范文
2014/02/02 职场文书
电子装配专业毕业生求职信
2014/04/23 职场文书
残疾人小组计划书
2014/04/27 职场文书
老公给老婆的保证书
2014/04/28 职场文书
校庆口号
2014/06/20 职场文书
大学生翘课检讨书范文
2014/10/06 职场文书
2015年城管个人工作总结范文
2015/04/20 职场文书
晶体管来复再生式二管收音机
2021/04/22 无线电
评测 | 大屏显示带收音机的高端音箱,JBL TUNE2便携式插卡音箱实测
2021/04/24 无线电
解析原生JS getComputedStyle
2021/05/25 Javascript
再也不用花钱买漫画!Python爬取某漫画的脚本及源码
2021/06/09 Python
Pandas自定义选项option设置
2021/07/25 Python