TypeScript 安装（简单对比 JS）

2022-06-16 86 阅读1分钟

一、安装

全局安装 TypeScript
```
$ npm install -g typescript
```
安装成功后，检查是否安装成功，或查看安装版本
```
$ tsc -v
```

二、`TS` 与 `JS` 简单测试对比

.ts 的文件中如果直接书写 js 语法的代码，那么在 .html 文件中直接引入 .ts 文件是可以直接使用的（常用浏览器都支持了，可能有部分浏览器不支持直接引入 .ts 文件，需要通过编辑后引入 .js 文件）。
.ts 文件中函数中的形参，如果使用了某个类型进行修饰，那么在编译后得到的 .js 文件中是没有这个类型的。
.ts 文件中变量使用的是 let 来修饰，编译后得到的 .js 文件中修饰符就变成 var 了

简单案例

(() => {
  function sayHi (name:String) {
    return `Hello World! - ${name}`
  }
  let name = 'DZM'
  console.log(sayHi(name))
})()

通过 $ tsc xx.ts 编译得到 xx.js 文件，或通过 $ tsc --target ES5 xx.ts 得到指定版本的 xx.js 文件。

(function () {
    function sayHi(name) {
        return "Hello World! - ".concat(name);
    }
    var name = 'DZM';
    console.log(sayHi(name));
})();