Typescript十分钟入门教程

Typescript十分钟入门教程

Typescript是啥？

Typescript是微软开发的一个开源语言，你可以理解成一个工具，使用ES6 ES7甚至是将来ES8可能被借鉴的语法（这里激进的ES4被废掉了，但是有些有被Typescript拾起来了，从目前JS发展看，有很大的可能会重新加入ES8）,编译成目前我们

各个浏览器兼容的javascript.

粗暴简单的理解：

​ Typescript = 类型、类等后台语言语法+ES6

这里强调一点：Typescript最终编译出来的语言是js，它是让我们更好的使用js，而不是用一个全新的语言取代它。

​ 从Gulp，Grunt，WebPack，SystemJS到react native ,从vue2到vue3,从angular2 到angular3x,技术上发生的改变远远快于我们的吸收速度， 这使我们不得不我们使用技术来跟上技术。这看起来像是一个悖论，但是它的核心就是要我们有效使用时间。

​ 1.使用Typescript可以让我更自由的开发程序，同时为以后潮流的技术打下基础，比如angular2x默认语言就是它。

​ 2.Typescript的语法使用ES6和ES7语法，使你能在原生不支持的情况下提前站在技术的前沿。

---

了解了，用途直接上干货：

1官网 http://www.typescriptlang.org/

2入门例子

​ 1.安装ty（简称Typescript）

npm install -g typescript

2.新建文件，test.ts

function greeter(person) {
    return "Hello, " + person;
}

var user = "Jane User";

document.body.innerHTML = greeter(user);

​ 3.运行

tsc test.ts 

​ 去文件夹看看，你就会发现多了一个.js文件，有人会问，费那个劲干嘛，我直接另存一个.js文件好不好？

​ 那么，以下语法在原生js下你能直接使用吗？

interface Person {
    firstName: string;
    lastName: string;
}

function greeter(person: Person) {
    return "Hello, " + person.firstName + " " + person.lastName;
}

var user = { firstName: "Jane", lastName: "User" };

document.body.innerHTML = greeter(user);

所以，typescript给前端人员，更大的自由度，甚至是类似java的能力。