TypeScript 基础知识点笔记

2022/1/5 TypeScript

待完善

# 一、基础使用

# 1.安装 TypeScript

打开终端安装全局安装 TypeScript

npm i typescript -g
1

# 2.TS 文件转换成 JS

TS 文件无法直接运行,使用以下终端命令将 TS 转成浏览器可识别的 JS 文件

xxx 代表文件名

tsc xxx.ts
1

运行后会在同目录下生成 JS 文件

node xxx.js        // 运行js文件测试一下
1

# 二、优化编译

# 1.解决 TS 和 JS 冲突问题

由于编译后的 JS 文件 与 TS 文件有相同的变量名或者函数名。所以 TS 文件会提示函数重复定义等问题。

解决方案:关闭严格模式

(1)生成配置文件,

tsc --init
1

(2)打开生成的 tsconfig.json,修改 "strict" 值为 false 或者 注释掉即可

# 2.自动编译

修改 TS 文件后保存会自动编译到 JS 文件中

tsc --watch
1

# 3.发出错误

当代码有错时,保存会发出错误,不会自动编译到 JS 中

tsc --onEmitOnError --watch
1

# 4.显示类型

当严格模式开启时,定义函数传参

Last Updated: 2022/3/30 07:26:41