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

时间:2023-02-15 09:11:16

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

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

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

ES6知识整理(5)--对象的扩展
属性、方法简介表示法

属性简写:

传统返回法

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

es6返回法

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

结果是一样的。

方法简写:

传统写法

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

es6写法

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

结果也一样。

属性赋值器与取值器

赋值器setter、取值器getter:

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

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

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

方法的name属性

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

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

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

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

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

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

Object.is() 判断全等运算

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

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

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

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

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

Object.assign() 合并对象
  1. 将对象合并到第一个参数的对象中

  2. 可赋值到给新变量

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

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

添加属性:

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

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

添加方法:

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

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

功能同等于:

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

修改/获取 对象原型

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

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

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

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

结果:

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

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

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

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

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

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

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

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

对象的结构赋值

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

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

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

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

----公众号:海瑞菌

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