TypeScript学习(一)——TypeScript简介及环境准备

来源:互联网 发布:2017淘宝买家信息出售 编辑:程序博客网 时间:2024/05/17 21:42

什么是TypeScript?

TypeScript是JavaScript的一个超集,扩展了JavaScript的语法,因此现有的JavaScript代码可与TypeScript一起工作无需任何修改,TypeScript通过类型注解提供编译时的静态类型检查。
TypeScript可处理已有的JavaScript代码,并只对其中的TypeScript代码进行编译。

TypeScript安装

通过node.js包管理器安装(确保您的电脑上已有node环境),在cmd命令行输入:

npm install -g typescript

查看是否安装成功,用tsc -v ,出现版本信息即安装成功。
安装成功后使用TypeScript编译器(tsc),可将编译结果生成js文件。编译TypeScript文件命令如下:

tsc filename.ts

编辑器

使用Visual Studio Code编辑TypeScript代码。
1. 下载安装Visual Studio Code
下载地址为:https://code.visualstudio.com/ 。
2. 安装代码格式化工具,便于优化代码
2.1 安装clang-format命令行工具
打开Visual Studio Code,从扩展商店里安装该插件:
Clang-Format
安装完成后,会在已安装中看到:

2.2 安装自动格式化工具Clang-Format VSCode extention
32-bit安装
64-bit安装
2.3 Shift+Alt+F 美化代码
安装完成后,编辑完代码文件,快捷键Shift+Alt+F用于美化代码。

入门案例:Hello TypeScript

新建文件命名为hello.ts,在文件中写入以下代码:

function sayHello(person: string) {  return 'Hello,' + person;}let user = 'zrxJuly';console.log(sayHello(user));

然后打开cmd命令框,cd到hello.ts所在目录下,输入:

tsc hello.ts

这时会生成一个编译好的文件hello.js:

function sayHello(person) {    return 'Hello,' + person;}var user = 'zrxJuly';console.log(sayHello(user));

使用 :(冒号)指定变量的类型。上述例子中使用:指定person参数的类型为String。
let 是 ES6 中的关键字,和 var 类似,用于定义一个局部变量。