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 相关文章推荐
关于可运行代码无法正常执行的使用说明
May 13 Javascript
javascript数据结构与算法之检索算法
Apr 04 Javascript
JQ技术实现注册页面带有校验密码强度
Jul 27 Javascript
JavaScript实现url参数转成json形式
Sep 25 Javascript
js实现上传图片预览方法
Oct 25 Javascript
JS获取本周周一,周末及获取任意时间的周一周末功能示例
Feb 09 Javascript
在Vue.js中使用Mixins的方法
Sep 12 Javascript
JavaScript之创意时钟项目(实例讲解)
Oct 23 Javascript
JavaScript原型对象原理与应用分析
Dec 27 Javascript
微信小程序合法域名配置方法
May 06 Javascript
javascript设计模式 ? 解释器模式原理与用法实例分析
Apr 17 Javascript
js瀑布流布局的实现
Jun 28 Javascript
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数组
2006/10/09 PHP
11个PHP 分页脚本推荐
2011/08/15 PHP
免费手机号码归属地API查询接口和PHP使用实例分享
2014/04/10 PHP
PHP实现无限极分类图文教程
2014/11/25 PHP
PHP之浮点数计算比较以及取整数不准确的解决办法
2015/07/29 PHP
PHP获取当前日期及本周一是几月几号的方法
2017/03/28 PHP
用js实现层随着内容大小动态渐变改变 推荐
2009/12/19 Javascript
JavaScript中“基本类型”之争小结
2013/01/03 Javascript
Jquery取得iframe下内容的方法
2013/11/18 Javascript
JavaScript中的闭包介绍
2015/03/15 Javascript
Javascript 调用 ActionScript 的简单方法
2016/09/22 Javascript
JS弹性运动实现方法分析
2016/12/15 Javascript
微信小程序 Tab页切换更新数据
2017/01/05 Javascript
结合mint-ui移动端下拉加载实践方法总结
2017/11/08 Javascript
VUE-Table上绑定Input通过render实现双向绑定数据的示例
2018/08/27 Javascript
Node.js assert断言原理与用法分析
2019/01/04 Javascript
vue实现手机端省市区区域选择
2019/09/27 Javascript
JS实现水平移动与垂直移动动画
2019/12/19 Javascript
python使用jieba实现中文分词去停用词方法示例
2018/03/11 Python
python3 拼接字符串的7种方法
2018/09/12 Python
Python图像处理之颜色的定义与使用分析
2019/01/03 Python
使用Python创建简单的HTTP服务器的方法步骤
2019/04/26 Python
详解用pyecharts Geo实现动态数据热力图城市找不到问题解决
2019/06/26 Python
如何实现Django Rest framework版本控制
2019/07/25 Python
Python时间序列缺失值的处理方法(日期缺失填充)
2019/08/11 Python
Django为窗体加上防机器人的验证码功能过程解析
2019/08/14 Python
python处理document文档保留原样式
2019/09/23 Python
利用pytorch实现对CIFAR-10数据集的分类
2020/01/14 Python
Ubuntu18.04安装 PyCharm并使用 Anaconda 管理的Python环境
2020/04/08 Python
sealed修饰符是干什么的
2012/10/23 面试题
房产销售经理职责
2013/12/20 职场文书
《诺贝尔》教学反思
2014/02/17 职场文书
护理专科毕业生自荐书范文
2014/02/19 职场文书
个人学习总结范文
2015/02/15 职场文书
2015教师年度工作总结范文
2015/04/07 职场文书
创业计划书之淘宝网店
2019/10/08 职场文书