TypeScriptdeclare

更新时间:2023-06-22 12:17:42 阅读: 评论:0

TypeScriptdeclare
为了增加⼈性化程度,在IDE编写代码的时候,通常会有智能提⽰效果。
以VScode为例⼦,截图如下:
当键⼊document.的时候,会⾃动弹出可能的选项,这是VScode内置的功能。如何申请新加坡留学
但是当编写jQuery或者其他⼀些库的代码时候,则没有类似的提⽰,⾮常的不⽅便。
不过可以⾃定义或者使⽤已经定义好的d.ts⽂件来解决此问题。
declare可以向TypeScript域中引⼊⼀个变量,在编写代码的时候就能够实现智能提⽰的功能。
代码实例如下:
[typescript] 纯⽂本查看复制代码
1declare function func(str: string): void;
应⽤截图如下:
当输⼊func会出现智能提⽰效果;通常代码不是直接写在当前ts⽂件,⽽是集中在.d.ts⽂件,然后引⼊。下⾯给出⼀些常⽤的声明演⽰。
⼀.声明变量:
[typescript] 纯⽂本查看复制代码
1declare var ant:string
上⾯声明⼀个字符串类型变量ant。
[typescript] 纯⽂本查看复制代码
1declare const min:1
上⾯声明⼀个常量min并赋值1。
趑趄⼆.声明函数:
[typescript] 纯⽂本查看复制代码
1declare function func(str:string):string
声明⼀个传递string参数,返回值也是string类型的函数。
underneath
三.声明class类:
[typescript] 纯⽂本查看复制代码
发烧友是什么意思
1 2 3 4 5 6 7declare class Person {
static maxAge: number//静态变量
static getMaxAge(): number//静态⽅法
constructor(name: string, age: number)  //构造函数  getName(id: number): stringslik
baths
}
声明⼀个类,并且规定若⼲类成员的类型和访问修饰符等。
9452四.声明命名空间:
[typescript] 纯⽂本查看复制代码
1 2 3 4declare namespace space {
function func(str: string): string;  let num: number;on and on
}
声明⼀个命名空间,⾥⾯有⼀个函数成员和变量成员。
五.混合类型:
有些只可能不但是函数,⽽且⼜是类或者对象,⽐如jQuery: [JavaScript] 纯⽂本查看复制代码
1 2 3new$() $.ajax() $()
代码实例如下:
[typescript] 纯⽂本查看复制代码
1 2 3 4declare function Minx(str:string): void declare namespace Minx{
let num:number
}
六.模块化:
很多时候需要通过require的⽅式引⼊模块化的代码:
例如以下效果:
对应的写法如下:
[typescript] 纯⽂本查看复制代码
1 2 3 4 5 6 7declare module"abcde"{  export let a: number
rigidexport function b(): number  export namespace c{
let cd: string
}
lucky是什么意思}
⾮常的简单,不再多介绍。

本文发布于:2023-06-22 12:17:42,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/90/153685.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:代码   声明   时候   类型   查看   复制   成员   变量
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图