【TS】ts的使用和类型注解

本文涉及的产品
全局流量管理 GTM,标准版 1个月
云解析 DNS,旗舰版 1个月
公共DNS(含HTTPDNS解析),每月1000万次HTTP解析
简介: 【TS】ts的使用和类型注解

全局安装Ts

npm install -g typescript

检查ts版本

tsc -V 

安装完ts后,在文件夹新建 xxx.ts文件,html可以引入,但此时引入ts会报错,解决问题如下:

在使用ts的时候没有解析ts,直接引入了ts文件导致报错,在使用ts的时候需要将其解析成js文件

原因:

// 打开终端 输入 tsc ts文件路径
tsc .\01_第一次ts.ts

将ts解析后的js引入即可

ts在vscode中自动解析

在需要自动解析ts的文件夹上鼠标右键,在集成终端中打开

在终端中输入 tsc --init

运行完后,此文件夹下会生成tsconfig.json文件

在这tsconfig.json文件夹内配置

配置完成后,点击终端

点击显示所有任务

找到tsc:监视xxx

此时在ts中写的代码,系统会自动生成一个js目录,并自动将ts的代码编译到生成的js目录内的js文件中,引入生成的js即可,在对应的ts文件编写,系统会自动编译到js

类型注解

编写ts文件的时候,需要规范数据类型,比如 函数明确传入的类型是 string ,此时传入 array类型的数据,编译的时候在终端会报错,虽然可以正常运行,但是可以在终端明确的看到问题所在点,并且在ts文件中,类型错误会有错误提示

目录
相关文章
|
12月前
|
JavaScript 前端开发 开发者
ts详解以及相关例子(一篇带你详细了解ts)
ts详解以及相关例子(一篇带你详细了解ts)
145 1
|
11月前
|
JavaScript
ts中枚举
ts中枚举
50 0
|
JavaScript 前端开发
ts - 类
TypeScript支持JavaScript的新特性,比如支持基于类的面向对象编程。让我们创建一个Student类,它带有一个构造函数和一些公共字段。 注意类和接口可以一起工作。
|
JavaScript Java
ts - 接口
在 TypeScript 中,我们使用接口(Interfaces)来定义对象的类型。
|
JavaScript 前端开发
ts -函数的类型
在 JavaScript 中,有两种常见的定义函数的方式——函数声明(Function Declaration)和函数表达式(Function Expression)
|
JavaScript 前端开发
ts - ts基础
https://www.tslang.cn/ TypeScript是Microsoft公司注册商标。 TypeScript具有类型系统,且是JavaScript的超集。 它可以编译成普通的JavaScript代码。 TypeScript支持任意浏览器,任意环境,任意系统并且是开源的。
【TS】ts中的类:class
【TS】ts中的类:class
124 0
【TS】ts中的类:class
|
JavaScript
TS基本语法 TS中的泛型
TS基本语法 TS中的泛型
|
JavaScript 前端开发 IDE
什么是ts,作用是什么
什么是ts,作用是什么
1303 0
|
JavaScript 索引
TS接口
TypeScript 中的接口是一种抽象结构,用于定义对象的类型。接口定义了对象应该包含的属性和方法,但不提供实现。