这是我参与「第四届青训营 」笔记创作活动的的第15天
TypeScript是什么
TypeScript是微软开发的一个开源的编程语言,通过在JavaScript的基础上添加静态类型定义构建而成。TypeScript通过TypeScript编译器或Babel转译为JavaScript代码,可运行在任何浏览器,任何操作系统。
TypeScript与JavaScript
javascript是一种动态类型弱语言类型,无需编译可直接在浏览器中运行,实现与用户带来丰富的交互,和流畅的体验。 而typescript是基于js的超集,是一种静态弱语言类型。而ts的编译需要经过babel转化为js的代码从而在浏览器或者app中运行。
那么为什么选择ts
既然ts的优势:
- 1.静态类型
- 1.1可读性增强基于语法解析TSdoc,ide增强
- 1.2可读性增强:在编译过程中暴露大部分错误=>从而在多人大型项目中获得更好的稳定性和开发效率。
- 2.js的超集
- 2.1包含于兼容js所有特性,支持共存
- 2.2支持渐进式引入与升级
ts中自定义类型
//只读属性无法在对象初始化外赋值
readonly jobID:number;
name: string;
sex:"man" | "woman" | "other";
age:number;
//可选属性,定义该属性可不可以存在
hobby?:string;
//自定义属性,约束所有对象属性必须是该属性的子类型
[key:string]:any;
}
数组类型
联合交叉类型
name:string;
type:string;
range:string
}
interface IStoryBook{
name:string;
type:string;
range:string
}
type bookList = Array<IHistoryBook | IStoryBook>
#总结
今天初步入门ts,然而最近我们的项目中也是要运用的ts。整体使用感受来说,代码量无可厚非是变多了,但是在我们传数据的时候有了提示,传几个参数,传什么样的参数。要是传错了,那个报错真的挺扎眼的。今天就到这吧