TypeScript自学笔记--开篇

“只是个人笔记自己记了自己看”

一：什么是TypeScript

网站地址：文档简介 · TypeScript中文网 · TypeScript——JavaScript的超集

TypeScript是JavaScript的超集，即JavaScript有的TypeScript也有。

TypeScript在JavaScript的基础上为Js加了类型支持。

//JavaScript代码
let age = 18 ;//TypeScript代码
let age2: number = 20

上述代码的区别就在于第二个age后加了:number这个明确的数据类型

二：为什么要使用TypeScript

JavaScript代码存在‘先天的问题’，在使用时js绝大部分的错误都是类型错误（Uncaught TypeError）。

使用TypeScript可以在代码执行前就可以发现错误，而js则是要等到代码真正去执行时才能发现错误。并且配合开发工具（如VSCode），TypeScript可以提前到编写代码的时候发现存在的错误。

三：安装TypeScript

使用npm安装

安装命令：

npm install -g typescript

typescript包是用来编译TS代码的，提供了tsc命令实现TS到JS的转化。

验证是否安装成功：查看typescript版本

tsc -v

四：如何使用

在VSCode创建hello.ts文件

将ts文件转化为js文件

tsc hello.ts

运行成功会生成一个.js文件

因为 node.js/浏览器只认识js代码，不认识ts代码，所以需要将ts代码转换为js代码运行。

执行js代码：node +需要执行的文件

node hello.js

在控制台将打印出结果

但是当你在修改ts中的代码时之前生成的js文件是不会跟着修改的，每次修改都重新转化一遍过于麻烦，所以需要简化运行步骤。

简化方法：使用ts-node包

安装命令：

npm i -g ts-node

运行命令：ts-node +需要执行为ts文件

ts-node hello.ts

TypeScript自学笔记--开篇相关推荐

wyh自学笔记--linux指令篇~Ⅰ
开篇标语:代码之路其修远兮,我将上下而求索文章开始先扯些没用的话,就当是第一篇博客给自己的一些鼓励还有自勉吧,选择了这一行,需要学习的太多太多,代码之路千千万,只能希望自己在代码的海洋里,能够找寻自 ...
字节跳动大佬的Python自学笔记.pdf
1. 字节跳动大佬的Python自学笔记这是我的一个朋友自学资料包,通过这个资料包自学拿到了字节跳动的Offer, 下面是他之前入门学习Python时候的学习资料,非常全面,从Python基础.到w ...
JAVA自学笔记07
JAVA自学笔记07 1.构造方法 1) 例如:Student s = new Student();//构造方法 System.out.println(s);// Student@e5bbd6 2)功 ...
MySQL自学笔记2--select的5个子句
MySQL自学笔记使用的MySQL自带命令客户端,其中具体的操作是在自建的数据库下room303表中进行的,表中的列有:id.name.age.email.tel.salary.riqi.class ...
JAVA自学笔记24
JAVA自学笔记24 1.能使用同步代码块就使用同步代码块,除非锁对象是this,就可以考虑使用同步方法.静态方法的锁是类的字节码对象. 2.JDK5新特性 1)接口Lock void Lock()/ ...
怎么用vc采集ni卡数据_SystemLink自学笔记（6）：SystemLink架构和数据服务
1. SystemLink架构和数据服务 1.1. 架构和特点现在在对SystemLink的功能有了一个大概的了解后,可以进一步从它的整体架构学习这门新技术了.NI官网给出了白皮书,原文是英文资料, ...
TypeScript学习笔记3：运算符
TS 和 JS 相对比的优势 TypeScript的安装步骤.运行问题及代码的简单运行 TypeScript学习笔记1:变量赋值及书写方式 TypeScript学习笔记2:数据类型文章目录运算符 ...
TypeScript学习笔记2：数据类型
TS 和 JS 相对比的优势 TypeScript的安装步骤.运行问题及代码的简单运行 TypeScript学习笔记1:变量赋值及书写方式 TypeScript学习笔记2:数据类型文章目录数据类型 ...
TypeScript学习笔记1：变量赋值及书写方式
TS 和 JS 相对比的优势 TypeScript的安装步骤.运行问题及代码的简单运行 TypeScript学习笔记1:变量赋值及书写方式 TypeScript学习笔记2:数据类型文章目录变量赋值 ...

TypeScript自学笔记--开篇

TypeScript自学笔记--开篇相关推荐

最新文章

热门文章