![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
TS
文章平均质量分 72
前端大灰狼
这个作者很懒,什么都没留下…
展开
-
typescript泛型
定义一个函数或类时,有些情况下无法确定其中要使用的具体类型(返回值、参数、属性的类型不能确定);此时泛型便能够发挥作用;举个例子:}上例中,test函数有一个参数类型不确定,但是能确定的时其返回值的类型和参数的类型是相同的;由于类型不确定所以参数和返回值均使用了any,但是很明显这样做是不合适的:首先使用any会关闭TS的类型检查,其次这样设置也不能体现出参数和返回值是相同的类型;原创 2022-10-19 14:43:35 · 228 阅读 · 0 评论 -
typescript 面向对象
class 类名 {属性名: 类型;constructor(参数: 类型){this.属性名 = 参数;}方法名(){}}示例:}console.log(`大家好,我是${this.name}`);}}使用类:const p = new Person('孙悟空', 18);抽象类是专门用来被其他类所继承的类,它只能被其他类所继承不能用来创建实例bark(){console.log('动物在叫~');}}run(){原创 2022-10-18 15:04:58 · 70 阅读 · 0 评论 -
TypeScript打包
TS同样也可以结合构建工具一起使用,下边以webpack为例介绍一下如何结合构建工具使用TS;以使其可以兼容到更多的浏览器,在上述步骤的基础上,通过以下步骤再将babel引入到项目中;对于例如:Promise等ES6特性,TS无法直接转换,这时还要用到babel来做转换;除了webpack,开发中还经常需要结合babel来对代码进行转换;@babel-loader:babel在webpack中的加载器。虽然TS在编译时也支持代码转换,但是只支持简单的代码转换;@babel/core:babel的核心工具。原创 2022-10-18 15:04:08 · 484 阅读 · 0 评论 -
typescript 基本类型
TypeScript中的基本类型:类型声明类型声明是TS非常重要的一个特点;通过类型声明可以指定TS中变量(参数、形参)的类型;指定类型后,当为变量赋值时,TS编译器会自动检查值是否符合类型声明,符合则赋值,否则报错;简而言之,类型声明给变量设置了类型,使得变量只能存储某种类型的值;语法:let 变量: 类型;let 变量: 类型 = 值;function fn(参数: 类型, 参数: 类型): 类型{ ...} 自动类型判断类型:numberlet原创 2022-07-04 19:50:16 · 66 阅读 · 0 评论 -
typescript编译选项
默认会将所有的编写在全局作用域中的代码合并为一个js文件,如果module制定了None、System或AMD则会将模块一起合并到文件之中。指定代码的根目录,默认情况下编译后文件的目录结构会以最长的公共目录为根目录,通过rootDir可以手动指定根目录。编译文件时,使用 -w 指令后,TS编译器会自动监视文件的变化,并在文件发生变化时对文件进行重新编译。默认情况下,编译后的js文件会和ts文件位于相同的目录,设置outDir后可以改变编译后文件的位置。设置后编译后的js文件将会生成到dist目录。原创 2022-10-18 15:03:35 · 136 阅读 · 0 评论 -
typescript 接口(Interface)
fn({name:'孙悟空', sayHello() {console.log(`Hello, 我是 ${this.name}`)}});接口主要负责定义一个类的结构,接口可以去限制一个对象的接口:对象只有包含接口中定义的所有属性和方法时才能匹配接口;接口的作用类似于抽象类,不同点在于:接口中的所有方法和属性都是没有实值的,换句话说接口中的所有方法都是抽象方法;console.log('大家好,我是'+this.name);同时,可以让一个类去实现接口,实现接口时类中要保护接口中的所有属性;原创 2022-10-18 17:07:29 · 182 阅读 · 0 评论