JavaScript中构造函数的构造函数

1:需求分析:

当我们需要,多个结构相同(例如属性名相同,属性值不同)的对象时如何定义)?例如:

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

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

2:JS中构造函数定义

JS中的构造函数允许我们对JS对象进行抽象,提取对象结构进行封装,
然后构建对象时基于构造函数定义的结构进行实例化.:

2.1:传统方式构造函数定义

preview

2.2:class结构方式的构造函数定义

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

preview

2.3:JS中构造函数应用

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

image.png

总结:

本小节中重点讲解了JS中构造函数存在的意义,应用场景,构造函数的定义,以及基于构造函数构建对象的方式。

猜你喜欢

转载自blog.csdn.net/KAITUOZHEMJ/article/details/108958306