typescript notes

一、什么是typescript

ts是js的超集，有了js为什么还需要ts：js的设计之初是作为脚本语言，脚本语言的特点就是方便，做起大型项目的时候就捉襟见肘。

二、开发环境搭建

1、安装node环境

Node.js官网去下载 Node 进行安装(node.js.org)，如果你已经安装了，可以打开命令行工具，然后使用node -v命令查看安装的版本，但是一般还有一个命令需要检测一下，就是npm -v,如果两个命令都可以输出版本号，说明你的 Node 安装已经没有任何问题了。

2、全局安装typescript

你要使用 TypeScript 先要在你的系统中全局安装一下TypeScript，这里你可以直接在 VSCode 中进行安装，安装命令可以使用 npm 也可以使用 yarn

npm install typescript -g //安装方式1

yarn global add typescript//安装方式2

npm view typescript version//查询是否安装成功

三、建立项目目录和编译 TS 文件

在任务目录创建文件夹，打开 VSCode，把新建立的文件夹拖入到 VSCode 当中，新建一个Demo.ts文件，写入下面代码：

function hello() {
    let web: string = "Hello World";
    console.log(web);
  }
  
  hello();

这时候你使用node Demo.ts是执行不成功的，因为 Node 不能直接运行TypeScript文件，需要用tsc Demo.ts转换一下，转换完成后typeScript代码被编译成了javaScript代码,新生成一个demo.js的文件，这时候你在命令行输入node Demo.js,在终端里就可以顺利的输出Hello World的字符了。

但这样每次编译比较麻烦，可以借助ts-node来解决这个问题。

npm install -g ts-node
ts-node Demo.ts

四、ts基础知识

1、数据类型

2、ts的静态类型以及如何定义

（1）基础静态类型：

基础静态类型非常简单，只要在声明变量的后边加一个:号，然后加上对应的类型哦。比如下面的代码，就是声明了一个数字类型的变量，叫做count。

const count: number = 1;

（2）对象静态类型

const people:{
    name:string,
    age:number
} = {
    name:'xiaohong',
    age:20
}
console.log(people.name,people.age);

//函数有输入和输出 所以函数在ts函数进行类型约束的时候就要考虑到它的输入和输出
//需要注意: 输入多余的或者少于参数，都是不被允许的

function sayHi3(x:number,y:number): number {
  return x + y
}

sayHi3(1,5)
// sayHi3(2,5,7) //Expected 2 arguments, but got 3.

未完待续