ES6知识整理--对象的扩展

Posted wuhairui

tags:

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

技术分享图片

个人开这个公众号的初心是为了积累知识,因此并没有做什么推广,再说自己也不知道怎么推广,推广之后又能干些什么。已经将近10天没发文章了,虽然每天都加班,但也不会一点时间都没有,有时还是会懒癌发作不想学习。可能是因为还没找的动力源吧,还在寻找中……希望能找到动力,并坚持地积累下去。

(文章会同步到博客园,技术类文章还是该让搜索引擎察觉比较好)

技术分享图片

属性、方法简介表示法


属性简写:

传统返回法

技术分享图片

es6返回法

技术分享图片

结果是一样的。

方法简写:

传统写法

技术分享图片

es6写法

技术分享图片

结果也一样。

属性赋值器与取值器


赋值器setter、取值器getter:

可以与原值比较,改变原值。

技术分享图片

不过我想即使不使用这种方式,不是也可以做到这种效果吗?难道还有其他效果?

方法的name属性


返回你调用函数的函数名字符串

技术分享图片

一般来说没什么卵用,但是对于匿名函数,却可以给他一个函数名

技术分享图片

且属性的name值为undefined。只针对方法有name

技术分享图片

Object.is() 判断全等运算


比起es5的==与===,比全等更近一步的严格。

es5的===可以判断大多数的数据全等,但也有几个无法不合。

技术分享图片

而Object.is()除了===的严格模式外,还支持以上运算

技术分享图片

Object.assign() 合并对象


  1. 将对象合并到第一个参数的对象中

  2. 可赋值到给新变量

技术分享图片

Object.assign() 为类对象添加属性方法


添加属性:

对象创建后,就能使用新的x,y属性了

技术分享图片

添加方法:

对象创建后,就能调用新的a1,a2方法了

技术分享图片

功能同等于:

技术分享图片

修改/获取 对象原型


Object.setPrototypeOf():设置一个对象的对象原型

技术分享图片

Object.getPrototypeOf():获取一个对象的对象原型

技术分享图片

结果:

技术分享图片

Object的keys()、values()、entries()


Object.keys():返回对象的所有key值,返回一个数组

技术分享图片

Object.values():返回对象的所有value值,返回一个数组

技术分享图片

Object.entries():返回对象的key,value值,返回一个二维数组

技术分享图片

对象的结构赋值


其实结构赋值那一篇已经有了。

技术分享图片



技术分享图片

一句:坚持做自己想做的,即使最后没有成果!


----公众号:海瑞菌

技术分享图片

以上是关于ES6知识整理--对象的扩展的主要内容,如果未能解决你的问题,请参考以下文章

ES6知识点整理之----数组扩展----API新增

ES6知识点整理之----正则表达式扩展

ES6知识整理--Promise对象

ES6知识点整理之----Generator----其他

ES6知识点整理之----Proxy----this

ES6知识点整理之----async----语法