typescript学习笔记

目录

一、typescript基础

1、什么是typescript？

2、引入TS原因

3、typescript优点？

4、typescript安装与应用

5、typescript组成部分

一、typescript基础

1、什么是typescript？

• typescript是微软公司开发的开源编程语言。它的本质是在JS原因中添加了可选的静态类型和基于面向对象对象编程等新特征。
• typescript是JavaScript的超集，专门为开发大规模可扩展的应用程序而设计，可编译成原生JavaScript的一种静态类型语言。（** 虽然typescript包含JavaScript，但是存在极少数JavaScript语法在typescript中不支持，如with。 **）
• typescript与ECMAScript6规范一致。typescript除了语言功能符合ECMAScript6规范外，还包含泛型和类型注释等功能。这些功能是对es6的扩展。

• TS语言特点：

  # TS以JS为基础

  # TS支持JavaScript第三方库

  # TS是可移植的

  #TS是静态类型语言

2、引入TS原因

JS是弱类型的语言，设计过于灵活，导致编写的代码可能存在预期之外的bug。在使用JS构建大型可扩展应用时，可能后续会出现难以升级金额维护。ts具有静态类型检查功能。能在编译过程中及时发现语法错误，同时支持分模块开发，编译后转成原生JS。（TS需要编译成JS后才能运行）

3、typescript优点？

TS与JS想比，优势：

* 编译时检查（静态类型可以让编译器在编译阶段检测语法错误）

* 面向对象特征（面向对像编程可以更好地大规模构建应用程序）

* 更好的协作（TS支持分模块开发）

* 更强的生产力（TS遵循es6规范）

*

TS给前端带来的好处：

• 提高编码效率和代码质量
• 增加代码可读性和可维护性
• 胜任大规模应用开发
• 使用最先进的JavaScript语法

4、typescript安装与应用

npm安装

npm是常用的包管理工具，也是node.js 的默认包管理工具。通过npm可以安装、共享、分发代码和管理项目依赖关系。

**tip1:**安装node.js

下载地址：

https://nodejs.org （最新版本）

https://nodejs.org/download/releases/ （之前版本）

(按默认配置进行安装)

安装完成后，查看是否安装成功：

打开命令行，输入：node -v

如图下显示则安装成功。

== npm的安装包分为本地安装和全局安装两种：npm install express -g (全局安装) 不带-g表示本都安装==

本地安装的安装包放在./node_module下，若没有该目录则会在执行npm命令时生成./node_module目录。本地安装的模块需要通过require（）来引入。

全局安装的则将安装包放在node的安装目录下（window），全局模块直接在命令行里使用。

安装typescript

全局安装：npm install -g typescript

检查是否安装成功：tsc -v

安装淘宝镜像（提高下载速度）：

//持久使用
npm config set registry https://registry.npm.taobao.org
//验证是否成功
npm config get registry
           

安装visual studio 插件

安装TypeScript SDK for Visual Studio：

• 菜单——工具——扩展与更新
• 输入框中输入typescript 找到TypeScript SDK for Visual Studio 点击下载
• 下载完成后。双击TypeScript_SDK.exe进行环境安装。

安装TypeScript HTML Application Template:

点击下载TypeScript HTML Application Template并安装，在【VSIX installer】界面中，单击修改进行安装。

分享一个在线编辑器：http://www.typescriptlang.org/play/index.html。