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

如何使用TypeScript的原型给对象添加新属性显示

在TypeScript中,跟JavaScript一样,也可以定义对象(函数),可以传入参数(数值类型和字符串类型等);还可以使用prototype原型添加属性。下面利用实例说明,操作如下:
工具/原料
1

TypeScript

2

JavaScript

3

HTML5

4

HBuilderX

5

CSS3

6

浏览器

7

截图工具

方法/步骤
1

第一步,在打开的HBuilderX工具中新建一个TypeScript文件,定义函数cat,传入三个参数,如下图所示:

2

第二步,实例化对象,并传入对应的三个值,传值给变量c,注意这里的Cat首字母,如下图所示:

3

第三步,调用prototype原型链,给对象变量c添加两个属性desc和addr,如下图所示:

4

第四步,利用打印函数方法,分别打印c对象变量中的几个属性值,如下图所示:

5

第五步,在编译TypeScript时,控制台出现了不能找到Cat,由于字母大小写问题,如下图所示:

6

第六步,再次返回修改代码,然后编译,在浏览器控制台查看打印结果,如下图所示:

注意事项
1

注意TypeScript中的原型链的用法

2

注意如何在TypeScript中创建一个对象

推荐信息