typescript-开始动手敲

安装Typescript：

使用npm安装:

查看版本：

 

选择可手的IDE：

Typescript的编写，在Visual Studio和Webstrorm上都能获得较好的代码支持,这里推荐两篇博文，让你们能够方便地进行配置：

Visual Studio Code：http://www.cnblogs.com/sunjie9606/p/5945540.html

Webstorm:http://blog.chinaunix.net/uid-30198739-id-5739410.html

官网在线Compiler：http://www.typescriptlang.org/play/index.html

 

 

Typescript编译配置-tsconfig.json

 1  {
 2      "compilerOptions": {
 3        "module": "commonjs",
 4         "target": "es5",  //编译以后生成的JavaScript文件须要遵循的标准。有三个候选项：es三、es五、es2015。
 5      "noImplicitAny": false, //为false时，若是编译器没法根据变量的使用来判断类型时，将用any类型代替。为true时，将进行强类型检查，没法推断类型时，提示错误。
 6         "sourceMap": true, //编译时是否生成对应的source map文件。这个文件主要用于前端调试。当前端js文件被压缩引用后，出错时可借助同名的source map文件查找源文件中错误位置。
 7          "allowJs": true
 8    }
 9      ,
10      "exclude": [
11          "node_modules"
12      ]
13  }

 

 

 

• Typescript的编译是按照这些设定的规则去将“.ts”文件转化成符合要求的“.js”文件

 

Typescript "HelloWorld"

greeter.ts

greeter.js

running result:

 tsconfig中target不一样的属性值的效果

Before Compilation(TS):

After Compilation(JS):

 ES3:

　　

ES5:

　　

ES6:

　　

•  使得你不须要再去担忧浏览器对你的JS代码的兼容，浏览器须要哪个Version的Javascript那么咱们就即刻编译提供
• 不用再去纠结prototype和_proto相关的原型链问题