JavaScript中构造函数的构造函数

    科技2025-03-01  21

    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:传统方式构造函数定义

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

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

    2.3:JS中构造函数应用

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

    总结:

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

     

     

    Processed: 0.014, SQL: 8