前端学习TS之路——1(TS的启动、数据类型)

最新推荐文章于 2024-05-18 14:53:24 发布

HarryHY

最新推荐文章于 2024-05-18 14:53:24 发布

阅读量7.4k

点赞数 3

分类专栏： # TS

本文链接：https://blog.csdn.net/HarryHY/article/details/101513856

版权

8 篇文章 1 订阅

订阅专栏

安装TS

npm i typescript -g

TS的文件是ts结尾的后缀
因为TS是包含ES6的需要转化一下
命令行输入：

tsc index.ts（）

会生成一个.js的文件
VScode自动编译TS的代码

第一步：
进入文件输入命令行：

tsc index.ts（）

tsc --init（生成tsconfig.json）；
第二步：
将tsconfig.json中的"outDir": “./js”, 的注释取消且改成这样

第三步：
vscode点击任务或者终端 ==>点击运行任务 ==>点击监视任务
语法点：
声明变量的类型：

var str: string = "hi"；

TS的所有的数据类型：
布尔类型：boolean
数字类型：number
字符串类型：string；
数组类型：array
元组类型：tuple；
枚举类型：enum；
任意类型：any；
null 和undefined；
void类型；
never类型；
定义变量：

var flag :boolean = true;
var num :number = 123;
var str:string = "77889";

声明一个数组的方式：

var arr = ['123456',"11111"];
var arr2:string[] = ['123456',"11111"];
var arr3:Array<string>=['123456',"11771"];

数组中的:string[]定义数组中的数据类型是什么;

元组类型：——必须写对应的数据类型

var arr4:[number,string] = [213,'123'];

在js的ES5中可以将变量重复改变例如：flag = 123
但是在TS中无法改变会报错；
会报错的根本原因是因为增加了一个类型校验的机制使得代码更加规范类似于严格模式；更加有利于维护
枚举类型(enum)：一般用在错误和正确码上
公式：标识符 [=整型常数]

 enum Flag {success=1,error=2};
 let yy:Flag = Flag.success;
 console.log(yy)

1.如果标识符没有赋值他的值就是小标

enum Color {blue,red,'whit'};
var c :Color = Color.blue;
console.log(c)

2.可以改变下标

enum Color {blue,red=9,'whit'};
var c :Color = Color.whit;//10

关注