TypeScript


初识TypeScript

TypeScript 是一种给 JavaScript 添加特性的语言扩展。

语言特性

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

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

以下功能是从 ECMA 2015 反向移植而来:

  • 模块

  • lambda 函数的箭头语法

  • 可选参数以及默认参数

JavaScript 与 TypeScript 的区别

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

TypeScript 可处理已有的 JavaScript 代码,并只对其中的 TypeScript 代码进行编译。

第一个 TypeScript 实例

以下实例我们使用 TypeScript 来输出 Hello World!:

实例

const hello : string = "Hello World!" 
console.log(hello)

TypeScript 安装

本文介绍 TypeScript 环境的安装。

我们需要使用到 npm 工具安装,如果你还不了解 npm,可以参考我们的NPM 使用介绍

NPM 安装 TypeScript

如果你的本地环境已经安装了 npm 工具,可以使用以下命令来安装:

npm install -g typescript

安装完成后我们可以使用 tsc 命令来执行 TypeScript 的相关代码,以下是查看版本号:

$ tsc -v
Version 3.2.2

然后我们新建一个 test.ts 的文件,代码如下:

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

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

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

tsc test.ts

这时候再当前目录下(与 test.ts 同一目录)就会生成一个 test.js 文件,代码如下:

var message = “Hello World”; console.log(message);

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

$ node test.js 
Hello World

支持node的TypeScript

npm i ts-node -g

TypeScript脚手架tsdx

npx tsdx create helloword

文章作者: shipengzhen
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 shipengzhen !
 上一篇
javaScript javaScript
初识javaScriptjs组成1.ecmaScript 2.dom 3.bom javascript语法js函数 isNaN 判断是否是数字 var x = 1000 / "Apple"; isNaN(x); // 返回 true v
2018-09-14
下一篇 
Vue Vue
Build Setup# install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for produc
2018-09-14
  目录