ES6知识整理(5)--对象的扩展

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

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


属性、方法简介表示法


属性简写:

传统返回法

image.png

es6返回法

image.png

结果是一样的。

方法简写:

传统写法

image.png

es6写法

image.png

结果也一样。

属性赋值器与取值器


赋值器setter、取值器getter:

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

image.png

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

方法的name属性


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

image.png

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

image.png

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

image.png

Object.is() 判断全等运算


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

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

image.png

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

image.png

Object.assign() 合并对象


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

  2. 可赋值到给新变量

image.png

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


添加属性:

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

image.png

添加方法:

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

image.png

功能同等于:

image.png

修改/获取 对象原型


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

image.png

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

image.png

结果:

image.png

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


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

image.png

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

image.png

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

image.png

对象的结构赋值


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

image.png



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


----公众号:海瑞菌

posted @ 2018-06-13 00:02  herry菌  阅读(189)  评论(0编辑  收藏  举报