web前端之es6对象的扩展

Posted yuer20180726

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了web前端之es6对象的扩展相关的知识,希望对你有一定的参考价值。

 

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对象的扩展的主要内容,如果未能解决你的问题,请参考以下文章

Web前端面试题框架之03

诚聘web前端开发

web前端练习20----es6新语法7,生成器对象 Generator

Python之Web前端jQuery扩展

前端最强面试宝典 - JS 篇之 ES6

从零开始学 Web 之 ES6ES6基础语法一