TypeScript 总结

TypeScript 总结

cnpm i -g typescript // 安装
tsc -V // 检查版本
tsc 文件名.ts // 把ts文件编译成js，方便浏览器调用
cnpm i -g ts-node // 自动把ts编译为js
ts-node 文件名.ts

一、定义数据类型
let result:string|number // 联合数据类型

二、接口

//定义接口
interface Person {
  name: string
  age: number // 必选属性
  job?: string //可选属性，表示不是必须的参数，
  readonly salary: number //表示是只读的属性,但是在初始化之后不能重新赋值，否则会报错
  [propName: string]: any // 任意类型
}
//定义一个变量，它的类型时接口Person，这样就约束了接口的内容
let person: Person = {
  name: 'jack',
  age: 28,
  job: 'IT dog',
  id: 9872,
  salary: 9999,
}

function printMan(person: Person) {
  console.log(
    `我是 ${person.name}, 我今年 ${person.age},我的工作是${person.job}`
  )
}
printMan({ name: 'dhk', age: 30, job: '234', id: 343, salary: 100 })