码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-06-13 01:03:58      阅读:266      评论:0      收藏:0      [点我收藏+]

标签:box   没有   family   http   调用   web   怎么   content   合并   

技术分享图片

个人开这个公众号的初心是为了积累知识,因此并没有做什么推广,再说自己也不知道怎么推广,推广之后又能干些什么。已经将近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知识整理(5)--对象的扩展

标签:box   没有   family   http   调用   web   怎么   content   合并   

原文地址:https://www.cnblogs.com/wuhairui/p/9175695.html

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