介绍
- TS是什么?
TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准(ES6 教程)。
TypeScript 由微软开发的自由和开源的编程语言。
- TS可以用来做什么?
TypeScript 设计目标是开发大型应用,它可以编译成纯 JavaScript
TypeScript 编译出来的 JavaScript 可以运行在任何浏览器上。
TS语言特性
TypeScript 是一种给 JavaScript 添加特性的语言扩展。增加的功能包括:
- 类型批注和编译时类型检查
- 类型推断
- 类型擦除
- 接口
- 枚举
- Mixin
- 泛型编程
- 名字空间
- 元组
- Await
以下功能是从 ECMA 2015 反向移植 而来:
- 类
- 模块
- lambda 函数的箭头语法
- 可选参数以及默认参数
JavaScript 与 TypeScript 的区别
TypeScript 是 JavaScript 的超集,扩展了 JavaScript 的语法,因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改,TypeScript 通过类型注解提供编译时的静态类型检查。
TypeScript 可处理已有的 JavaScript 代码,并只对其中的 TypeScript 代码进行编译。
区别图示
TypeScript 实例
const hello : string = "Hello World!"
console.log(hello)
输出 Hello World!
-
在这里要注意,ts的书写代码的格式和我们学过的js有部分的相似
-
前期我们可以把TS和JS通过类比来获得对TS更加准确地了解
NPM 安装 TypeScript
如果你的本地环境已经安装了 npm 工具,可以使用以下命令来安装。
使用国内镜像:
npm config set registry https://registry.npm.taobao.org
安装 typescript:
npm install -g typescript
安装完成后我们可以使用 tsc
命令来执行 TypeScript 的相关代码,以下是查看版本号:
$ tsc -v
Version 3.2.2
然后我们新建一个 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
TypeScript 转换为 JavaScript 过程如下图:
注:我们可以在左侧窗口中点击当前编辑的代码文件,选择 open in command prompt(在终端中打开).
这时候我们就可以在屏幕的右侧下半部分使用 tsc 命令来执行 TypeScript 文件代码了。
什么是镜像,什么是源?
镜像
- 镜像,原意是光学里指的物体在镜面中所成之像。
- 引用到电脑网络上,一个网站的镜像是指对一个网站内容的拷贝。
- 镜像通常用于为相同信息内容提供不同的源,特别是在下载量大的时候提供了一种可靠的网络连接。
- 制作镜像是一种文件同步的过程。
- 镜像网站,又译作镜像站点,亦即把一个互联网上的网站数据
拷贝
到本地服务器
,并保持本地服务器数据的同步更新,因此也称为复制网络站点
。 - 镜像源就是把官方的源做一个镜像,你可以在这下载软件。
比如官方源在国外,下载软件可能会很慢,这时候就需要换成国内的镜像源。
源
- 源就是来源。
就是你安装软件时,程序从哪里获取软件包
(安装程序在你的机器上,但需要安装的东西却在软件源服务器上)。
- 源,在Ubuntu下,它相当于软件库,需要什么软件,只要记得正确的软件名就可以用命令安装:
其实你可以把他称为软件仓库。 - 安装软件时,就是从仓库里面调取数据放在你的机器上。
总结
通过本篇,我们学习了TS的 特性类型
对TS的基础有一个初步的了解
TS的下载安装和使用
了解了 镜像 和 源 两个名词的含义.