TypeScript学习 | 青训营笔记

60 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的的第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;
}

数组类型

image.png

image.png

联合交叉类型

    name:string;
    type:string;
    range:string
}
interface IStoryBook{
    name:string;
    type:string;
    range:string
}
type bookList = Array<IHistoryBook | IStoryBook>

image.png #总结 今天初步入门ts,然而最近我们的项目中也是要运用的ts。整体使用感受来说,代码量无可厚非是变多了,但是在我们传数据的时候有了提示,传几个参数,传什么样的参数。要是传错了,那个报错真的挺扎眼的。今天就到这吧