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

 时间:2024-10-13 08:51:50

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

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

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

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

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

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

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

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

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

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

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

如何使用TypeScript定义类和方法并进行调用方法
  • idea2018如何使用@Slf4j 注解?
  • jquery如何动态写入td内容
  • Excel如何填写汉字日期(DATESTRING)
  • html中怎样让多个li标签横排显示
  • 一个快速写PRD的方法——产品经理必掌握的技能
  • 热门搜索
    流星蝴蝶剑怎么玩 迪莫怎么超进化 肚子胀气是怎么回事 芭比娃娃的衣服怎么做 计件工资怎么算 页脚怎么设置 老是打嗝是怎么回事 微信评论怎么附加图片 海南航空怎么样 苦瓜怎么炒好吃又不苦