本文已参与「新人创作礼」活动，一起开启掘金创作之路。

前言

ts作为js的超集，它的确更加规范，且能够让代码不那么容易出错，所以就简单记录一下日常该如何进行ts使用，我们该怎么将它编译为js，让它能够作为替代日常编写js的解决方案。

注意本文并非ts语法教学，详细语法学习可以移步官方文档：TypeScript。

使用

直接在编辑器创建test.ts文件

只要是ts后缀文件，我们就可以编写ts语法了。

首先学会声明类型，下面是一些常见的类型。

需要注意的是Array需要用泛型指定数组内部类型，而对象可以嵌套ts声明的类型。

interface Father {
    name: string
}

interface People {
    name: string, // 字符串
    age: number, // 数字
    sex: boolean, // 是否
    love: Array<any>,// 数组 Array需要用泛型指定数组内部类型
    mother: object, // 对象
    father: Father, // 对象 对象也可以嵌套ts已声明的类型
    other: any // 任何
}

我们在创建对象时就可以用:指定已经声明的类型

const people: People = {
    name: 'people',
    age: 18,
    sex: true,
    love: [],
    mother: {},
    father: {name: 'father'},
    other: 'any',
}

console.log(people)

在我们犯错时，它会红线提示我们，比如姓名必须时字符串类型。在这里插入图片描述函数中我们可以在()里面定义参数类型，()后面定义返回值类型。

                 //参数类型    //返回值类型
const hisSon = (father: Father): People => {
    return people
}

如何将ts编译成js文件

node是不能执行ts文件的，因此我们需要先将ts文件转化为js文件。

先全局安装typescript包。

npm i typescript -g

然后在对应位置执行 tsc 文件名

tsc test.ts

在这里插入图片描述就可以用node执行生成的js文件了。

node test.js

尾言

如果觉得文章对你有帮助的话，欢迎点赞收藏哦，有什么错误或者意见建议也可以留言，感谢~

如何开始使用ts，又如何将ts编译成js

前言

使用

如何将ts编译成js文件

尾言