TypeScript
文章平均质量分 84
TypeScript是微软开发的一个开源的编程语言,通过在JavaScript的基础上添加静态类型定义构建而成。TypeScript通过TypeScript编译器或Babel转译为JavaScript代码,可运行在任何浏览器,任何操作系统。
亦世凡华、
个人:csdn内容合伙人、阿里云专家博主、51CTO博主;目标:深耕技术,追求代码之美,享受编程人生;当下:珍惜时间,奋发学习;未来:渴望成为一名真正的全栈大佬,并为此一直努力,矢志不渝!
展开
-
【TypeScript】类型声明文件的讲解与使用
我们发现今天所有的JS应用都会引入许多第三方库来完成任务需求。这些第三方库无论是否是TS编写的最终都会编译成JS代码给开发者使用。我们知道TS提供了类型才有了代码提示和类型保护机制,但我们引入的第三方库都会有相应的TS类型。这些类型就是 “类型声明文件”为已存在的JS库提供类型信息。原创 2022-12-27 12:24:23 · 1816 阅读 · 18 评论 -
【TypeScript】TS泛型讲解及其使用
但这样就失去了TS的类型保护,类型不安全,泛型在保证类型安全的同时(不丢失类型信息),可以让函数与多种不同的类型一起工作,灵活可复用。的前提下,让函数等与多种类型一起工作,从而实现复用,常用于:函数、接口、class中。泛型的类型变量可以有多个,并且类型变量之间还可以约束(比如:第二个类型变量受第一个类型变量约束)。,来根据传入的参数自动推断出类型变量的类型。:当编译器无法推断类型或者推断的类型不准确时,就需要显式地传入类型参数。:第二个类型变量传入的属性只能是第一个类型变量中存在的属性。原创 2022-12-25 12:57:13 · 2574 阅读 · 14 评论 -
【TypeScript】类型兼容性与相关类型讲解
如果返回值类型是对象类型,成员多的可以赋值给成员少的。:如果在 Nominal Type System中(比如:C#、java等),它们是不同的类,类型无法兼容。在结构化系统中,如果两个对象具有相同的形状,则认为他们属于同一类型。(常用于对象类型),使用教程类型后,新的类型就具备被交叉的类型的所有属性类型。也就是说,在结构化系统中,如果两个对象具有相同形状,则认为他们属于同一类型。:相同位置的参数类型要相同(原始类型)或兼容(对象类型)。:参数多的兼容参数少的,即参数少的可以赋值给参数多的。原创 2022-12-24 14:06:44 · 698 阅读 · 18 评论 -
【TypeScript】class类型讲解
在class中,类的可见性可以使用TS来控制class的方法或属性对于class外的代码是否可见。在class构造函数中,需要为构造函数指定类型注解,否则会被隐式推断为any,构造函数不需要返回值类型。readonly:表示只读,用来防止在构造函数之外对属性进行赋值。在class的实例方法中,方法的类型注解(参数与返回值)与函数用法相同。:JS中只有extends,而implements是TS提供的。在接口和{}表示的对象类型中,也可以使用 readonly。在class类的继承中,原创 2022-12-23 20:02:38 · 1252 阅读 · 22 评论 -
【TypeScript】常用类型声明详情概述
在TS中常用的基础类型细分为两类:一类是JS已有类型,另一类是TS新增类型。JS已有类型1)原始类型:number/string/boolean/null/undefined/symbol。2)对象类型:object(包括:数组、对象、函数等)。TS新增类型联合类型、自定义类型(类型别名)、接口、元组、字面量类型、枚举、void、any等。原创 2022-12-23 15:39:53 · 2071 阅读 · 18 评论 -
【TypeScript】TS安装与使用
注意:简写 node TS文件 ,是可以执行的,前提是TS文件中没有任何的TS独有的内容,说白了就是一个JS文件,如下图所示 node test.ts 是会报错的,因为有了TS独有的类型支持,删掉 冒号+number 就可以执行 node test.ts 了,这里了解一下。因为在Node.js/浏览器当中,它们只认识JS代码不认识TS代码,因此我们要先将TS代码转换为JS代码,然后才能运行,所以我们需要安装typescript包用来编译TS代码包,实现 TS -> JS 的转化。原创 2022-12-23 00:42:45 · 2449 阅读 · 19 评论