TypeScript 安装（简单对比 JS）

一、安装

• 全局安装 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));
  })();