在es5中，通常通过原型链来实现类的定义与继承，而es6则引入了class关键字，使得类的声明更加直观和简洁。通过class可以方便地定义构造函数、实例方法以及静态方法，实例化后可直接调用对应功能。下面通过具体步骤演示其使用方式。

1、 打开HBuilderX，双击启动后新建一个JavaScript文件；接着定义一个名为Tea的类，并为其添加构造函数constructor，用于初始化传入的参数。

2、 在Tea类中添加toString()方法，该方法将构造函数接收的参数进行拼接，并返回一个组合后的字符串结果。

3、 接着在类中定义一个实例方法findName，其作用是获取并返回当前实例对象的name属性值。

ES6-ES11新特性相关课件

ES6-ES11新特性相关课件

下载

4、 通过new关键字创建一个tea实例，调用Tea类并传入“绿茶”和“茶类”作为参数，完成对象的实例化。

5、 调用该实例的toString()和findName()方法，将它们的返回值分别赋给变量a和b，以便后续查看输出结果。

6、 最后，将编写好的JavaScript文件嵌入到HTML5页面中，保存后在浏览器中打开，查看实际运行效果，验证方法调用是否正确。