TypeScript笔记-创新互联

一、TypeScript和JavaScript的对比
1、JavaScript：客户端脚本语言；TypeScript：应用程序级的JavaScript开发语言
2、TypeScript是JavaScript的超集，可以编译成纯JavaScript。这个和我们CSS里的Less或者Sass是很像的，我们用更好的代码编写方式来进行编写，最后还是又生成原生的JavaScript语言。
3、TypeScript跨浏览器、跨操作系统、跨主机、且开源。由于最后他编译成了JavaScript，所以只要能运行JS的地方，都可以运行我们写的程序，设置在node.js里。
4、TypeScript始于JavaScript，终于JavaScript。遵循JavaScript的语法和语义。
5、TypeScript可以重用JavaScript代码，调用流行的JavaScript库，如echarts
6、TypeScript提供了类、模块和接口，更易于构建组件和维护。

二、开发环境的安装
1.安装Node.js
2.安装TypeScript包
npm install typescript -g
tsc --version
3.编写HelloWorld程序

• 初始化项目：进入你的编程文件夹后，可以使用npm init -y来初始化项目，生成package.json文件。
• 创建tsconfig.json文件，在终端中输入tsc --init：它是一个TypeScript项目的配置文件，可以通过读取它来设置TypeScript编译器的编译参数。
• 安装@types/node,使用npm install @types/node --dev-save进行安装。这个主要是解决模块的声明文件问题。

  //编写HelloWorld.ts文件，然后进行保存，代码如下。
  var a:string = "HelloWorld"
  console.log(a)

• 在Vscode的【终端菜单】下，打开【运行生成任务】，然后选择【tsc:构建 - tsconfig.json】，这时候就会生成一个helloWorld.js文件（将ts文件转换为js文件）
• 在终端中输入node helloWorld.js就可以看到结果了。

【注】TypeScript 中，使用 : 指定变量的类型，: 的前后有没有空格都可以。

三、变量类型的那些事
1、概览：
TypeScript是强类型的语言，也就是说，在声明变量的时候，我们必须给他一个类型。比如：字符串、数字、布尔，枚举等等，使用 : 指定变量的类型

TypeScript中的数据类型有：原始数据类型（Primitive data types）和对象类型（Object types）
原始数据类型包括：布尔值、数值、字符串、null、undefined 以及 ES6 中的新类型 Symbol。

Undefined :undefined，变量定义但是没有赋值
Number:数值类型;
string : 字符串类型;
Boolean: 布尔类型；只有两种值，true和false，什么0 null在js里面可以转为false的，在ts里面都不存在
enum：枚举类型；这个世界有很多值是多个并且是固定的，比如一年四季春夏秋冬
var REN{ nan='男',nv='女' }; 变量名大写
any : 任意类型，一个牛X的类型；
void：空类型；
Array : 数组类型;
Tuple : 元祖类型；
Null ：空类型。

四、TypeScript的函数

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。