- typescript开发环境搭建
- 下载node.js
- 安装node.js
- 安装typescript
- 命令行 npm i -g typescript
- 创建ts文件
- ts文件进行编译
- 命令行 tsc xxx.ts
- 基本语法
- let 变量:类型=值;//类型赋值同时进行
- let 变量:类型;//只声明不赋值
- let 变量=值;//不声明类型 只声明值
- function fn(参数:类型):类型{}
- let 变量 :类型|类型;//联合类型
-
let a: string = 'hello world' let b: boolean; let c = false;
- 注意:
- ts拥有自动的类型判断机制
- 当对变量声明和赋值同时进行时,ts编译器会自动判断变量的类型
- 如果声明和赋值是同时进行的,可以省略类型声明
- 类型
-
类型 描述 例如 number 任意数字 1,2 string 任意字符串 ‘a’ boolean 布尔值 true/false 字面量 限制变量的值就是该字面量的值 其本身 any 任意类型 unknown 安全的any,不能将自己的值赋值给 其他变量 void 没有值或者undefined undefined never 不能是任意值 thorw new Error("出错啦") object js对象 {}
array js数组 [] tuple 元组,新增类型,固定数组长度 [12,34] enum 枚举 - any:任意值,隐式any,声明变量不指定类型默认为any
- array:
- 声明方式
- 类型[]
- Array<类型>
- 声明方式
- 热更新命令 tsc -w
- tsconfig.json配置说明
-
选项 作用 target ts被编译成为什么版本的js module 指定要使用的模块化规范 outDir 讲编译后的文件放在哪里 outFile 将所有文件合成一个文件 allowJs 是否编译js文件 checkJs 检查js代码是否符合语法规范 removeComments 是否删除注释 noEmit 是否生成编译后的文件 noEmitOnError 当有错误时不生成编译后的文件 alwaysStrict 用来设置编译后的文件是否使用严格属性 noImplicitAny 是否允许隐式any的存在 noImplicitThis 不允许不明确类型的this strictNullChecks 严格的检查空值 strict 所有严格检查的开关
typescript及tsconfig.json配置说明
最新推荐文章于 2023-08-28 13:26:31 发布