typescript知识点

1.typescript开发环境搭建

（1）安装node的运行环境 node+npm

（2）全局安装typescript

npm install typescript -g

（3）建立项目目录和编译ts文件

建立文件夹，demo1.ts

function pang(){
  let web: string='Hello World'
  console.log(web)
}
pang()

因为 Node 不能直接运行TypeScript文件，需要用tsc demo1.ts转换，转换完成后typescript代码被编译成了javascript代码，新生成了demo1.js文件，这时命令行输入node demo1.js就会在终端输出Hello World

（4）ts-node的安装和使用

npm install -g ts-node

接着直接使用ts-node demo1.ts命令，就在终端输出同样的结果Hello World

2.typescript的静态类型

const count: number=1
console.log(count) //1

(1)自定义静态类型

interface XiaoJieJie{
  uname: string,
  age: number
}
const xiaohong: XiaoJieJie = {
  uname: '小红',
  age: 18
}
console.log(xiaohong) //{ uname: '小红', age: 18 }

静态类型分为两类：基础静态类型和对象类型

基础静态类型

const count1: number = 918;
const myName: string = 'jspang'

类似这样常用的基础类型还有，最常用的有null,undefinde,symbol,boolean，void

对象类型(对象类型，数组类型，类类型，函数类型)

const xiaoJieJie: {
  name: string,
  age: number,
} = {
  name: "大脚",
  age: 18,
};
console.log(xiaoJieJie.name);  //大脚

const xiaoJieJies: string[]=["哈哈","hehe"]
console.log(xiaoJieJies) //[ '哈哈', 'hehe' ]