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

简介: 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 // 任何
}

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

image.png

函数中我们可以在()里面定义参数类型,()后面定义返回值类型。

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

如何将ts编译成js文件


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

先全局安装typescript包。

npm i typescript -g

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

tsc test.ts

image.png

就可以用node执行生成的js文件了。

node test.js

尾言


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

相关文章
|
4月前
|
资源调度 前端开发 JavaScript
Babel:JavaScript代码的编译利器
Babel:JavaScript代码的编译利器
|
4月前
|
JavaScript
node下的two.js调用one.js出现无法编译问题 Cannot find module ‘c:
node下的two.js调用one.js出现无法编译问题 Cannot find module ‘c:
67 0
|
12月前
|
JSON JavaScript 数据格式
NPM 发包 js 文件并支持 ts 使用(包含 gulp 打包压缩)
NPM 发包 js 文件并支持 ts 使用(包含 gulp 打包压缩)
140 0
|
4月前
|
JSON JavaScript 数据格式
NPM 发包 js 文件并支持 ts 使用(包含 gulp 打包压缩)
NPM 发包 js 文件并支持 ts 使用(包含 gulp 打包压缩)
108 0
|
12月前
|
前端开发 JavaScript
vue3.0 bpmn-js + TS 简易教程
bpmn.js是一个BPMN2.0渲染工具包和web建模器, 使得画流程图的功能在前端来完成. 这里主要记录本人在开发bpmn中的流程
723 0
|
3月前
|
JavaScript 前端开发 开发者
JavaScript的变量提升是一种编译阶段的行为,它将`var`声明的变量和函数声明移至作用域顶部。
【6月更文挑战第27天】JavaScript的变量提升是一种编译阶段的行为,它将`var`声明的变量和函数声明移至作用域顶部。变量默认值为`undefined`,函数则整体提升。`let`和`const`不在提升范围内,存在暂时性死区。现代实践推荐明确声明位置以减少误解。
35 2
|
2月前
|
JavaScript
TS,编写TS文件,编写hello.ts文件,cmd下打开终端,输入tsc hello.ts会生成一个hello.js文件,简化命令,npm i -g ts-node,ts-node hello.ts
TS,编写TS文件,编写hello.ts文件,cmd下打开终端,输入tsc hello.ts会生成一个hello.js文件,简化命令,npm i -g ts-node,ts-node hello.ts
|
4月前
|
存储 JavaScript 编译器
这款国产中文编程火了!通过文言文编译生成Python、JS、Ruby代码!
这款国产中文编程火了!通过文言文编译生成Python、JS、Ruby代码!
241 0
|
4月前
|
JavaScript 前端开发 开发者
JavaScript(JS)和TypeScript(TS)的区别
JavaScript(JS)和TypeScript(TS)的区别
92 0