TypeScript概述

--摘抄自《TypeScript编程》Boris Cherny著 安道译

1、类型检查

多数情况下,JavaScript不在乎你使用的是什么类型,它会尽自己所能把你提供的值转换成预期的类型,譬如说数字和字符串相加时。而TypeScript会在编译时对代码做类型检查,即将TypeScript编译成JavaScript时做类型检查。TypeScript在编译时报告句法和类型相关的错误,实际上,这些错误会在代码编辑器中显示,输入代码后立即就有反馈。

2、创建一个TypeScript Demo

1) 新建一个文件夹

mkdir chapter-2

cd chapter-2

2)初始化一个新的NPM项目,即生产package.json文件

npm init

3)安装TSC、TSLint和NodeJS的类型声明

npm install --save-dev typescript tslint @types/node

4)在根目录中新建一个名为tsconfig.json的文件

5)新建src文件夹,并创建文件index.ts

6)编辑,输入ts代码

7)使用tsc编译TypeScript

./node_modules/.bin/tsc

8) 使用NodeJS运行代码

node ./dist/index.js

3、tsconfig.json文件说明

每个TypeScript项目都应该在根目录中放一个名为tsconfig.json的文件,在该文件中定义要编译哪些文件、把文件编译到哪个目录中,以及使用哪个版本的JavaScript运行。

{
    "compilerOptions": {
        "lib": ["es2015"],  // TSC假定运行代码的环境中有哪些API?
        "module": "commonjs",  // TSC把代码编译成哪个模块系统(CommonJS、SystemJS、ES2015等)
        "outDir": "dist",  // TSC把生产的Javascript代码放在哪个文件夹中
        "sourceMap": true,
        "strict": true,  // 强制所有代码都正确声明了类型
        "target": "es2015"
    },
    "include": [  // TSC在哪个文件夹中寻找TypeScript文件
        "src"
    ]
}

 

posted @ 2023-05-10 15:52  黄燃  阅读(11)  评论(0编辑  收藏  举报