TypeScript学习笔记(一):简述及安装

0.参考文献

Typescript入门教程
Typescript中文文档

1. 什么是typescript

TypeScript 是 JavaScript 的一个超集，主要提供了类型系统和对 ES6 的支持,可以理解为预编译的Javascript
将typescript可以编译成纯javascript

类型系统: 对于每一个变量规定其类型(有点类似于C)

理解: 对各类变量进行的严格的定义, 这样在从ts文件编译到js文件的过程中就会检查出错误,而不会等到最后程序整体运行的时候,检查bug检查到头痛

2. 安装typescript

全局安装方法, 如果在windows下不用sudo

sudo npm install typescript -g
tsc -v 

如果tsc -v 能够出现就安装成功
通过tsc file.ts就可以将ts文件编译成js文件

3.第一个typescript程序

写一个 ts文件如下:

// firstTs.ts
function createTextHello(){
    let $span = document.createElement('span');
    $span.innerHTML = "Hello";
    return $span;
}

console.log(createTextHello())

document.body.appendChild(createTextHello());

执行:

tsc firstTs.ts

发现文件夹下多了一个firstTs.js文件

// first.js文件
"use strict";
function createTextHello() {
    var $span = document.createElement('span');
    $span.innerHTML = "Hello";
    return $span;
}
console.log(createTextHello());
document.body.appendChild(createTextHello());

至此,环境搭建完毕