码迷,mamicode.com
首页 > Web开发 > 详细

web前端之es6对象的扩展

时间:2019-08-19 17:17:30      阅读:118      评论:0      收藏:0      [点我收藏+]

标签:属性   目标   nbsp   技术   bsp   for   一个   自身   span   

 

1.属性的简洁表示法

技术图片

2.属性名表达式

表达式作为对象的属性名

技术图片

3.方法的 name 属性

例如:函数的name 属性,返回函数名。

技术图片

4.Object.is()

ES 比较两个值是否相等,只有两个运算符,相等运算符,相等运算符(==)

和严格相等运算符(===)

技术图片

5.Object.assign()

Object.assign 方法用于对象的合并,将源对象的所有的可枚举属性,赋值到目标对象

例如;

技术图片

 

6.属性的可枚举行和遍历

可枚举性

技术图片

 

描述对象的enumerable 属性,称为“可枚举属性” 如果该属性的值为false,就表示会忽略当前属性。目前有四个操作会忽略 enumerable 为false 属性。for...in , Object.keys(), JSON.stringify(), Object.assign();ES6一共有5种方法可以遍历对象的属性

ES6一共有5种方法可以遍历对象的属性

(1) for ... in

循环遍历对象自身的和继承的可枚举属性

(2) Object.keys(obj)

Object.keys 返回一个数组,包括对象自身的所有可枚举属性

(3) Object.getOwnPropertyNames(obj)

Object.getOwnPropertyNames 返回一个数组,包含对象自身的所有属性

(4) Object.getOwnPropetrySymbols(obj)

Object.getOwnPropetrySymbols 返回一个数组,包含对象自身的所有

Symbol属性的键名。

(5) Reflect.ownKeys(Obj)

Reflect.ownKeys 返回一个数组,包含对象自身的所有键名。


8.proto属性
技术图片

9.super 关键字

this 关键字总是指向函数所在的当前对象,super 指向当前对象的原型对象。

10.Object.keys() ,Object.values(),Object.entries()

技术图片

11.对象的扩展运算**

对象的结构赋值用于从一个对象取值,相当于将所有可遍历的,但尚未对齐的属性,

分配到指定的对象上面,所有的键和值他们的值,都会拷贝到新对象上面。

技术图片

 

 

 

 

 

web前端之es6对象的扩展

标签:属性   目标   nbsp   技术   bsp   for   一个   自身   span   

原文地址:https://www.cnblogs.com/yuer20180726/p/11378119.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!