TypeScript入门

音视频_李超

发布于 2020-04-02 21:38:38

47800

代码可运行

文章被收录于专栏：音视频直播技术专家音视频直播技术专家

运行总次数：0

代码可运行

前言

TypeScript 是最近比较新的一门语言，它主要用于代替 JavaScript。为什么要推出 TypeScript 来代替 JavaScript呢？主要是因为 JavaScript是一种无类型的脚本语言，这种语言有很大的弊端，最主要的弊端就是没有类型检查。

所以从名子你就可以看出 TypeScript 的含议就是有类型检查的 JavaScript 语言。

使用 TypeScript 的过程

由于要进行类型检查，所以 TypeScript 就与 JavaScript 的使用有一些不同的。首先你要清楚的时，在浏览器上，最终还是要使用 JavaScript 来控制页面的，TypeScript 编写出来的脚本不能直接在浏览器上运行，你编写出的 ts 脚本要经过编译器编译成 JavaScript 脚本，然后再用 HTML5 引入使用。

学过编译原理的同学都清楚，只要涉及到类型检查，就要通过编译器编译，否则类型是无法进行检测的。

因此，TypeScript的使用过程:

编写 TypeScript 脚本
编译。 TypeScript 的编译工程是 tsc，即 ts compiler。
生成JavaScript 后，进行使用。

一个最简单的 TypeScript 程序

下面我们就来写一个最简单的 TypeScript程序，了解一下整个使用过程。咱们还是以 Helloworld 为例：

function hello(person: string) {
  return 'Hello , ' + person;
}

let user='xxx'
console.log(hello(user));

上面就是一个简单的 TypeScript脚本，有了这个脚本后我们需要先对其进行编译，编译执行下面的命令：

tsc hello.ts

编译出 JavaScript 脚本后，通过 HTML5 引用一下就好了，代码如下：

<head>
    <head>
        <title>user typescript</title>
    </head>
    <body>
        <script type="text/javascript" src="./hellots.js"></script>
    </body>
</head>

至此，一个 TypeScript的简单使用过程就完成了，还是蛮简单的对吧！