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));
})();