如何编写d.ts文件?(1/2)

如何编写d.ts文件?(1/2)

​ 在很多项目中,会看到一些d.ts文件,比如Cocos Creator工程中,在创建工程后,会默认会创建一个creator.d.ts文件,它是用于为Cocos Creator中所有接口提供代码智能提示的。

​ 那么,d.ts文件有什么作用呢?它是typescript写的用于类型声明的文件,它的主要作用为js、ts添加智能提示。在项目中添加了对应的d.ts,并且在其中添加对应的变量、类型、函数等的声明,就可以在编写代码时,编辑器会提供d.ts声明文件中的提示。**当然你要程序不报错的话,是需要在调用前要实现所声明的东西哦!**😂

下面举个栗子

image-20201107183502827

test.d.ts是ts声明文件,实现的在implement.js中,测试代码在test.js中。

image-20201107185614214

​ implement.js

image-20201107185846427

​ test.js

下面是写代码时的截图。

image-20201107190107229 image-20201107190427875 image-20201107190513077

在没有写d.ts声明文件之前,写代码时是没有提示PI这个变量的,也没有提示sayHello和introduceSelf函数。

那我们试下,在写一个声明文件test.d.ts。

image-20201107191017363

​ test.d.ts

我们再来看,写代码时有没有提示?

image-20201107191237175 image-20201107191347250

注意红色方框圈出来的部分,这个标志才是智能提示。可以看到有了智能提示,写了d.ts,js文件中也可以实现智能提示。

最终代码执行

image-20201107191555034

上面举的栗子,是在JS中实现智能提示,在TS中实现智能提示,几乎是一样的。(TS本身也是有智能提示的)

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值