ts初识

JavaScript 与 TypeScript 的区别

在这里插入图片描述在这里插入图片描述

TypeScript 是 JavaScript 的超集,扩展了 JavaScript 的语法,因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改

TypeScript 设计目标是开发大型应用,它可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上。

TypeScript 是一种给 JavaScript 添加特性的语言扩展。增加的功能包括:

类型批注和编译时类型检查
类型推断
类型擦除
接口
枚举
Mixin
泛型编程
名字空间
元组
Await

NPM 安装 TypeScript

本地环境已经安装了 npm 工具

npm install -g typescript

安装完成后我们可以执行 TypeScript 的相关代码,查看版本号:

$ tsc -v

新建一个 app.ts 的文件

var message:string = "Hello World" 
console.log(message)

通常我们使用 .ts 作为 TypeScript 代码文件的扩展名。

然后执行以下命令将 TypeScript 转换为 JavaScript 代码:

tsc app.ts

当前目录下(与 app.ts 同一目录)就会生成一个 app.js 文件,代码如下

var message = "Hello World";
console.log(message);

使用 node 命令来执行 app.js 文件:

$ node app.js 
Hello World

在这里插入图片描述
可以同时编译多个 ts 文件:

tsc file1.ts file2.ts file3.ts

TypeScript 程序由以下几个部分组成:

模块
函数
变量
语句和表达式
注释

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值