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运行。

1
2
3
4
5
6
7
8
9
10
11
12
13
{
    "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 @   黄燃  阅读(15)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示