为了增加人性化程度,在IDE编写代码的时候,通常会有智能提示效果。
以VScode为例子,截图如下:
当键入document.的时候,会自动弹出可能的选项,这是VScode内置的功能。
但是当编写jQuery或者其他一些库的代码时候,则没有类似的提示,非常的不方便。
不过可以自定义或者使用已经定义好的d.ts文件来解决此问题。
declare可以向TypeScript域中引入一个变量,在编写代码的时候就能够实现智能提示的功能。
代码实例如下:
[typescript] 纯文本查看 复制代码
1 |
|
应用截图如下:
当输入func会出现智能提示效果;通常代码不是直接写在当前ts文件,而是集中在.d.ts文件,然后引入。
下面给出一些常用的声明演示。
一.声明变量:
[typescript] 纯文本查看 复制代码
1 |
|
上面声明一个字符串类型变量ant。
[typescript] 纯文本查看 复制代码
1 |
|
上面声明一个常量min并赋值1。
二.声明函数:
[typescript] 纯文本查看 复制代码
1 |
|
声明一个传递string参数,返回值也是string类型的函数。
三.声明class类:
[typescript] 纯文本查看 复制代码
1 2 3 4 5 6 7 |
|
声明一个类,并且规定若干类成员的类型和访问修饰符等。
四.声明命名空间:
[typescript] 纯文本查看 复制代码
1 2 3 4 |
|
声明一个命名空间,里面有一个函数成员和变量成员。
五.混合类型:
有些只可能不但是函数,而且又是类或者对象,比如jQuery:
[JavaScript] 纯文本查看 复制代码
1 2 3 |
|
代码实例如下:
[typescript] 纯文本查看 复制代码
1 2 3 4 |
|
六.模块化:
很多时候需要通过require的方式引入模块化的代码:
例如以下效果:
对应的写法如下:
[typescript] 纯文本查看 复制代码
1 2 3 4 5 6 7 |
|
非常的简单,不再多介绍。