TypeScript入门 ｜ 青训营笔记

禁_
85 阅读3分钟

安装

1、安装node

2、安装vscode

3、全局安装TS

 npm install typescript -g

系统禁止运行解决方法

1682960055449.png

  1. 以管理员身份运行PowerShell
  2. 运行命令 Get-ExecutionPolicy 确定你的执行策略是什么。如果输出结果是 Restricted，则说明你的执行策略不允许运行任何脚本。你需要改变这个策略。
  3. 若要更改执行策略，请运行 Set-ExecutionPolicy RemoteSigned 或者 Set-ExecutionPolicy Unrestricted 命令。前者允许运行远程签名的脚本，后者则允许运行所有本地脚本。
  4. 确认更改已生效，再次尝试运行tsc命令。

使用

1、编译文件（文件名为test.ts）

 tsc test.ts

2、解决TS和JS冲突

 tsc --init    #生成配置文件

3、自动编译

 tsc --watch

4、 报错时不生成输出文件。

 tsc --noEmitOnError test.ts

详情参考—— 编译选项 · TypeScript中文网 · TypeScript——JavaScript的超集 (tslang.cn)

显式类型

TypeScript 中的显式类型是一种类型注解，也叫类型声明。它的作用是为变量、参数、函数、类的属性等声明一个明确的类型。

TypeScript 中的基本数据类型包括：number、string、boolean、symbol、null、undefined、void ；还有复杂类型如：array、tuple、enum、class 等等。

例子如下：

 function add(a: number, b: number): number {
   return a + b;
 }

显式类型声明有以下优点：

  1. 增加程序可读性和可维护性。
  2. 在开发过程中能够更早发现类型错误。

降级编译

TypeScript 的降级编译指的是将 TypeScript 代码编译成 ES5 或者 ES3，因为有些浏览器并不支持 ES6 或者更新的语法特性。

在使用 tsc 命令编译 TypeScript 代码时，可以通过添加 --target 参数实现降级编译。目前支持的目标版本有 ES3、ES5、ES6/ES2015、ES2016、ES2017、ES2018、ES2019、ES2020，用户可以根据具体需求来指定目标版本。

执行编译时加上--target

  tsc --target es5 filename.ts

或者在tsconfig.json 文件中修改traget属性,如下:

 "target": "es2016",

严格模式

TypeScript 的严格类型配置是通过配置文件 tsconfig.json 进行的。在 tsconfig.json 文件中，可以配置多个编译选项，包括是否开启严格模式，以及各种类型检查和限制。

以下是一些开启 TypeScirpt 严格模式的配置选项：

  1. strict: 当设置为 true 时，会启用所有严格类型检查选项，包括开启下面几个选项。
  2. noImplicitAny: 它会在编译期间对缺少类型注解的表达式和声明进行警告。
  3. strictNullChecks: 它会在类型检查中包括 NULL 和未定义，这可以避免常见的空指针错误。
  4. strictFunctionTypes: 它会要求函数参数的类型必须与目标类型完全匹配，而不仅仅是满足目标类型标准。
  5. strictPropertyInitialization: 它会要求每个类属性必须在构造函数里或类的属性声明中明确定义了值或者可以在构造函数中被初始化。
  6. strictBindCallApply: 它会在类型检查中包括函数 bind、call、apply 方法的正确类型。
  7. noImplicitThis: 它会要求在设置 this 的同时也必须设置 this 的类型，包括函数和方法调用中的 this。
avatar
文章
阅读
粉丝