TS的一些基础知识入门

Vixcity
246 阅读3分钟

这是我写的最近学习的ts心得，一起来看一下吧

TS的一些基础知识入门

什么是TypeScript

我们来看一下什么是TypeScript

官网上是这么说的

TypeScript是JavaScript类型的超集，它可以编译成纯JavaScript。

TypeScript可以在任何浏览器、任何计算机和任何操作系统上运行，并且是开源的。

TypeScript为JS增加了类型系统，补齐了JS的短板

因为JS本身是没有类型系统的，这就导致了许多的错误是类型错误

TypeScript 与之 JavaScript有什么优势

  1. 类型化思维，使得开发更严谨，提前发现错误，减少改Bug时间
  2. 类型系统提高了代码的可读性，并使得维护和重构更加容易
  3. 补充了接口、枚举等开发大型应用时缺失的功能

Vue3的代码是用的TS重写的，这就声明了一个重要的信号，TS是未来的趋势

第一个TypeScript 的 HelloWord

因为node是不可以直接解析TS的，所以我们需要一个npm包的支持

npm i -g typescripts

有了这个包，就可以解析我们的TypeScript代码了

但是以上的包会先解析成JS文件，所以我们需要用到另一个包，可以直接在node当中解析TS语句的包

npm i -g ts-node

通过这个包，我们就可以直接解析这个文件了

不会把我们的文件转化成JS代码了

接下来我们就切入正题

变量与数据类型

TS中增加了类型系统

所以这个最重要的类型系统是什么呢，我们来看一下

  1. 基本数据类型 => 5个
    1. number
    2. string
    3. boolean => 两个值 => true 和 false
    4. undefined => 一个值 => undefined
    5. null => 一个值 => null
  2. 复杂数据类型 => 两个
    1. object
    2. array

和JS的类型是一样的，但是我们需要在变量的后面加上对应的类型注解(是一种为变量添加类型约束的方式)

举个例子：

let age: number;
age = 18;
console.log(age)

// 初始化变量
let sex: string = '男'

在函数或者语句里面的时候，我们可以这这样子去定义

for ( let i: number = 0; i < 3; i++) {
 console.log('北冥有鱼，其名为鲲，鲲之大，一锅装不下')
}

在一些简单的数组里面，我们可以这样子去定义他的类型

// 创建数组,数组中类型注解是由 类型 + [] 组成的  
let names : string[] = []  
let ages : string[] = new Array()

以上，是一些简单的TS的数据类型，等我之后进行更多对于TS的数据类型的研究之后，我会在更新一期新的文章，让更多的人可以了解TS的简单的相关知识

这就是我，一个爱读书，爱学习，爱生活，爱代码的V同学，大家再见啦

掘金的小伙伴们，希望可以动动你们发财的小手点个赞

如果可以的话，能留下你们的评论就更好啦

在这里先谢过大家啦

爱你们呦，啾咪😂

作者：Vixcity

我的博客：博客地址

avatar
文章
阅读
粉丝