你瞭解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中構造函數存在的意義,應用場景,構造函數的定義,以及基於構造函數構建對象的方式。