typescript笔记1（安装与编译）

1.安装

npm install -g typescript
tsc -V //检查版本看是否安装成功

手动编译 ts

//手动编译 ts
tsc hello.ts //在同一个目录中输出 hello.js

2.vscode自动编译设置

1️⃣初始化 生成tsconfig.json文件

tsc --init

2️⃣修改tsconfig.json中的 outDir（输出文件夹） strict（是否严格模式）等内容
具体配置内容如下

{
  "compilerOptions": {
   "target": "es5",
   "noImplicitAny": false,
   "module": "amd",
   "removeComments": false,
   "sourceMap": false,
   "outDir": "js"//你要生成js的目录
  }
}

ctrl+shift+b 或者 终端→运行任务 中打开任务监视
选择监视该任务，每次保存自动编译。

3.类型注解

规定参数的类型、个数
如果不满足参数类型和个数，虽然可以编译、但是ts中会报错

(()=>{
     function hello(name:string){
        console.log('你好 ,',name)
    }

    hello('kolento');
})()

4.接口

有点类似于构造函数的感觉

interface Person {
  firstName: string
  lastName: string
}

function greeter(person: Person) {
  return 'Hello, ' + person.firstName + ' ' + person.lastName
}

let user = {
  firstName: 'Yee',
  lastName: 'Huang'
}

console.log(greeter(user))