多语言展示
当前在线:805今日阅读:176今日分享:34

如何使用TypeScript定义类和方法并进行调用方法

在TypeScript中,跟JavaScript一样,也有类和方法。定义类使用关键字class,类名首字母大写,方法中无返回值使用void。如果要使用定义好的TypeScript文件,需要将其编译成js文件,然后在页面中引入。下面利用实例说明如何创建TypeScript文件,操作如下:
工具/原料
1

TypeScript

2

JavaScript

3

HTML5

4

HBuilderX

5

浏览器

6

截图工具

方法/步骤
1

第一步,打开HBuilderX工具,新建一个TypeScript文件,定义类Student和三个类方法sno、sname和sage,如下图所示:

2

第二步,实例化一个对象stu,调用Student类进行初始化赋值,如下图所示:

3

第三步,使用对象stu分别调用sno()、sname()和sage()方法,然后查看打印结果,如下图所示:

4

第四步,保存代码并使用TypeScript编译命令,将ts文件编译成js文件,如下图所示:

5

第五步,将已编译好的JavaScript文件引入到HTML5页面中,查看显示效果,如下图所示:

6

第六步,打开浏览器预览效果,结果出现了报错,检查代码发现是实例化对象时调用类名错误,如下图所示:

注意事项
1

注意TypeScript中的数据类型和用法

2

注意如何在TypeScript中定义类和类方法

推荐信息