TypeScript初学

介绍

• 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的下载安装和使用

了解了 镜像 和 源 两个名词的含义.