TypeScript|青训营笔记

58 阅读3分钟

这是我参与「第四届青训营」笔记创作活动的的第 6 天

什么是TypeScript?

TypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集,而且本质上TypeScript扩展了JavaScript的语法解决JavaScript的“痛点”:弱类型和没有命名空间,导致很难模块化。

TypeScript是JavaScript的超集,他可以编译成纯JavaScript。 TypeScript可以在任何浏览器运行、任何计算机和任何操作系统上运行,并且是开源的

为什么要用TypeScript

开源

简单 TypeScript 是 JavaScript 的超集,这意味着他支持所有的 JavaScript 语法。 兼容性好 TScript 是 JS的强类型版本。然后在编译期去掉类型和特有语法,生成纯粹的 JavaScript 代码。由于最终在浏览器中运行的仍然是 JS,所以== TypeScript并不依赖于浏览器的支持,也并不会带来兼容性问题==。任何现有的JS程序可以不加改变的在TScript下工作。

TypeScript与js相比的优势

TypeScript工具使重构更变的容易、快捷。 TypeScript 引入了 JavaScript 中没有的“类”概念。 TypeScript 中引入了模块的概念,可以把声明、数据、函数和类封装在模块中 类型安全功能能在编码期间检测错误,这为开发人员创建了一个更高效的编码和调试过程。

数据类型基本概念

TypeScript支持与JavaScript几乎相同的数据类型,此外还提供了实用的枚举类型方便我们使用。

枚举 enum 类型是对JavaScript标准数据类型的一个补充。 使用枚举类型可以为一组数值赋予友好的名字。枚举表示的是一个命名元素的集合值

默认情况下,从0开始为元素初始值。 你也可以手动的指定成员的数值。

字符串枚举

数据类型

    1、布尔值 :boolean
2、数字 :number 
3、字符串 :string可以使用双引号( ")或单引号(')表示字符串 
4、数组 :number[]或 :Array<number>
5、任意类型:any所任意类型的数据都可以
6、void:没有任何类型

注:某种程度上来说,void类型像是与any类型相反,它表示没有任何类型。 当一个函数没有返回值时,你通常会见到其返回值类型是 void 声明一个void类型的变量没有什么大用,因为你只能为它赋予undefined和null 7、never 是其它类型(包括 null 和 undefined)的子类型,代表从不会出现的值。

函数定义

函数是由一连串的子程序(语句的集合)所组成的,可以被外部程序调用,向函数传递参数之后,函数可以返回一定的值。

通常情况下,TypeScript 代码是自上而下执行的,不过函数体内部的代码则不是这样。如果只是对函数进行了声明,其中的代码并不会执行,只有在调用函数时才会执行函数体内部的代码。

函数格式
let 函数名 = function (参数列表): 返回值类型 {
    函数体 ...
    [return 返回值;]
};