js 如何编写ts，又如何将ts编译成js

前言

平时虽然自己不喜欢用ts，但是作为js的超集，它的确更加规范，且能够让代码不那么容易出错，所以就简单记录一下日常该如何使用。

使用

直接在编辑器创建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

尾言

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