ES6中類的構(gòu)造函數(shù)和原型構(gòu)造函數(shù)
在ES6中,我們可以使用class關(guān)鍵字來定義一個類,并通過實例化對象來訪問對象的構(gòu)造函數(shù)和類的原型上的構(gòu)造函數(shù)。下面我們以一個名為Sames的類為例進行說明。第一步:定義類和方法首先,我們打開HBu
在ES6中,我們可以使用class關(guān)鍵字來定義一個類,并通過實例化對象來訪問對象的構(gòu)造函數(shù)和類的原型上的構(gòu)造函數(shù)。下面我們以一個名為Sames的類為例進行說明。
第一步:定義類和方法
首先,我們打開HBuilderX工具,新建一個JavaScript文件,并定義一個類Sames。在Sames類中,我們添加了一個構(gòu)造函數(shù),并傳入?yún)?shù)name。除此之外,我們還新增了一個名為buildData的方法。
```javascript
class Sames {
constructor(name) {
name;
}
buildData() {
// 實現(xiàn)具體邏輯
}
}
```
第二步:實例化對象
接著,我們可以對Sames類進行實例化,創(chuàng)建一個名為sames的對象。
```javascript
const sames new Sames("example");
```
第三步:比較構(gòu)造函數(shù)
我們可以通過比較對象的構(gòu)造函數(shù)與類的原型上的構(gòu)造函數(shù)是否一致來驗證它們是否相同。
```javascript
console.log( Sames); // 輸出 true
```
第四步:擴展原型方法
如果我們想給Sames類的原型添加一個名為queryNames的方法,我們可以使用()進行擴展。
```javascript
(, {
queryNames() {
// 實現(xiàn)具體邏輯
}
});
```
第五步:引入js文件
為了使用已經(jīng)定義好的Sames類,我們需要在HTML5靜態(tài)頁面中引入對應(yīng)的js文件。
```html
```
第六步:調(diào)用對象原型構(gòu)造函數(shù)
最后,如果我們發(fā)現(xiàn)打印結(jié)果為false,表示對象的構(gòu)造函數(shù)并未指向類的原型構(gòu)造函數(shù),我們可以手動將其改為對象的構(gòu)造函數(shù)。
```javascript
sames.__proto__.constructor Sames;
console.log( Sames); // 輸出 true
```
通過以上步驟,我們可以在ES6中正確地使用類的構(gòu)造函數(shù)和原型上的構(gòu)造函數(shù),并進行相應(yīng)的操作和擴展。