ES6中类的构造函数和原型构造函数

在ES6中，我们可以使用class关键字来定义一个类，并通过实例化对象来访问对象的构造函数和类的原型上的构造函数。下面我们以一个名为Sames的类为例进行说明。

第一步：定义类和方法

首先，我们打开HBuilderX工具，新建一个JavaScript文件，并定义一个类Sames。在Sames类中，我们添加了一个构造函数，并传入参数name。除此之外，我们还新增了一个名为buildData的方法。

```javascript

class Sames {

constructor(name) {

name;

}

buildData() {

// 实现具体逻辑

}

}

```

第二步：实例化对象

接着，我们可以对Sames类进行实例化，创建一个名为sames的对象。

```javascript

const sames new Sames("example");

```

第三步：比较构造函数

我们可以通过比较对象的构造函数与类的原型上的构造函数是否一致来验证它们是否相同。

```javascript

console.log( Sames); // 输出 true

```

第四步：扩展原型方法

如果我们想给Sames类的原型添加一个名为queryNames的方法，我们可以使用()进行扩展。

```javascript

(, {

queryNames() {

// 实现具体逻辑

}

});

```

第五步：引入js文件

为了使用已经定义好的Sames类，我们需要在HTML5静态页面中引入对应的js文件。

```html

```

第六步：调用对象原型构造函数

最后，如果我们发现打印结果为false，表示对象的构造函数并未指向类的原型构造函数，我们可以手动将其改为对象的构造函数。

```javascript

sames.__proto__.constructor Sames;

console.log( Sames); // 输出 true

```

通过以上步骤，我们可以在ES6中正确地使用类的构造函数和原型上的构造函数，并进行相应的操作和扩展。

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。