乐趣区

关于javascript:你了解JavaScript中构造函数的构造函数吗

背景剖析

当咱们须要, 多个构造雷同 (例如属性名雷同, 属性值不同) 的对象时如何定义)? 例如:

var p1={x:10,y:20}
var p2={x:30,y:40}
var p3={x:50,y:60}

在如上代码中, 如果属性比拟多, 构建对象时须要重复对属性进行编写, 代码的反复量就比拟大, 同样会加大咱们的工作量, 那如何对其进行优化呢?

JS 中构造函数定义

JS 中的构造函数容许咱们对 JS 对象进行形象, 提取对象构造进行封装,
而后构建对象时基于构造函数定义的构造进行实例化.

传统形式构造函数定义

class 构造形式的构造函数定义

在 ES6 规范中, 又推出了定义 JS 构造函数的一种新的玩法, 例如:

JS 中构造函数利用

无论是传统形式还是新的 es6 形式, 对象的构建和应用形式是不变的。

总结(Summary)

本大节中重点解说了 JS 中构造函数存在的意义, 利用场景, 构造函数的定义, 以及基于构造函数构建对象的形式。

退出移动版