在JavaScript中的ES6中，添加了类和类的继承属性。相应的，TypeScript中也有类和类的实现，使用关键字class定义类，extends实现类的继承。下面利用实例说明，操作如下：
工具/原料
1
TypeScript
2
JavaScript
3
HTML5
4
HBuilderX
5
浏览器
6
截图工具
方法/步骤
1
第一步，在已打开的HBuilderX工具中，新建一个TypeScript文件，定义类Chart，并定义属性Width和Height，还有构造函数，如下图所示：
2
第二步，再定义一个类PieChart，继承类Chart，定义类方法show，如下图所示：
3
第三步，进行对象实例化，定义变量pie，调用类PieChart，传入两个参数，如下图所示：
4
第四步，使用TypeScript命令编辑文件，结果出现了报错，提示height未定义，如下图所示：
5
第五步，将编译好的JavaScript文件，引入到HTML5页面中，然后在浏览器中查看打印结果，如下图所示：
6
第六步，返回到HBuilderX，调整类中的方法，使用this点属性，如下图所示：
注意事项
1
注意TypeScript中的类定义和类继承的实现
2
注意JavaScript中的类和TypeScript类的定义的区别