ts静态编译
1. appjs和appts有什么区别
动态和静态、重载概念。
1、appts需要静态编译，它提供了强类型与更多面向对象的内容，没有重载概念。
2、appts有可以重载，动态类语言相对更灵活。
2. ts与js最大的区别是什么呢
一、程序不同：
ts需要静态编译，它提供了强类型与更多面向对象的内容。TypeScript是javaScript的超集，可以编译成纯JavaScript。这个和我们CSS离的Less或者Sass是很像的，用更好的代码编写方式来进行编写，最后还是友好生成原生的JavaScript语言。
二、运行不同：
ts最终仍要编译为弱类型的js文件，基于对象的原生的js在运行。故ts相较java/C#这样天生面向对象语言是有区别和局限的，TypeScript是一个应用程序级的JavaScript开发语言。这也表示TypeScript比较牛逼，可以开发大型应用，或者说更适合开发大型应用。
主要功能
TypeScript的作者是安德斯·海尔斯伯格，C#的首席架构师，它是开源和跨平台的编程语言。它是JavaScript的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。
TypeScript扩展了JavaScript的语法，所以任何现有的JavaScript程序可以运行在TypeScript环境中。TypeScript是为大型应用的开发而设计，并且可以编译为JavaScript。
3. TypeScript 入门指南
新系列 深入浅出TypeScript 来了，本系列至少20+篇。本文为第一篇，来介绍一下TypeScript 以及常见的类型。
TypeScript是一门由微软推出的开源的、跨平台的编程语言。它是JavaScript的超集，扩展了 JavaScript 的语法，最终会被编译为JavaScript代码。
TypeScript的主要特性：
TypeScript 主要是为了实现以下两个目标：
下面就来看看这两个目标是如何实现的。
为什么要给JavaScript加上类型呢？
我们知道，JavaScript是一种轻量级的解释性脚本语言。也是弱类型、动态类型语言，允许隐式转换，只有运行时才能确定变量的类型。正是因为在运行时才能确定变量的类型，JavaScript代码很多错误在运行时才能发现。TypeScript在JavaScript的基础上，包装了类型机制，使其变身成为 静态类型 语言。在 TypeScript 中，不仅可以轻易复用 JavaScript 的代码、最新特性，还能使用可选的静态类型进行检查报错，使得编写的代码更健壮、更易于维护。
下面是 JavaScript 项目中最常见的十大错误，如果使用 TypeScript，那么在 编写阶段 就可以发现并解决很多 JavaScript 错误了：
类型系统能够提高代码的质量和可维护性，经过不断的实践，以下两点尤其需要注意：
可以认为，在所有操作符之前，TypeScript 都能检测到接收的类型（在代码运行时，操作符接收的是实际数据；在静态检测时，操作符接收的则是类型）是否被当前操作符所支持。当 TypeScript 类型检测能力覆盖到所有代码后，任意破坏约定的改动都能被自动检测出来，并提出类型错误。因此，可以放心地修改、重构业务逻辑，而不用担忧因为考虑不周而犯下低级错误。
在一些语言中，类型总是有一些不必要的复杂的存在方式，而 TypeScript 尽可能地降低了使用门槛，它是通过如下方式来实现的。
TypeScript 与 JavaScript 本质并无区别，我们可以将 TypeScipt 理解为是一个添加了类型注解的 JavaScript，为JavaScript代码提供了编译时的类型安全。
实际上，TypeScript 是一门“ 中间语言 ”，因为它最终会转化为JavaScript，再交给浏览器解释、执行。不过 TypeScript 并不会破坏 JavaScript 原有的体系，只是在 JavaScript 的基础上进行了扩展。
准确的说，TypeScript 只是将JavaScript中的方法进行了标准化处理：
这段代码在TypeScript中就会报错，因为TS会知道a是一个数字类型，不能将其他类型的值赋值给a，这种类型的推断是很有必要的。
上面说了，TypeScript会尽可能安全的推断类型。我们也可以使用类型注释，以实现以下两件事：
在一些语言中，类型总是有一些不必要的复杂的存在方式，而 TypeScript 的类型是结构化的。比如下面的例子中，函数会接受它所期望的参数：
为了便于把 JavaScript 代码迁移至 TypeScript，即使存在编译错误，在默认的情况下，TypeScript 也会尽可能的被编译为 JavaScript 代码。因此，我们可以将JavaScript代码逐步迁移至 TypeScript。
虽然 TypeScript 是 JavaScript 的超集，但它始终紧跟ECMAScript标准，所以是支持ES6/7/8/9 等新语法标准的。并且，在语法层面上对一些语法进行了扩展。TypeScript 团队也正在积极的添加新功能的支持，这些功能会随着时间的推移而越来越多，越来越全面。
虽然 TypeScript 比较严谨，但是它并没有让 JavaScript 失去其灵活性。TypeScript 由于兼容 JavaScript 所以灵活度可以媲美 JavaScript，比如可以在任何地方将类型定义为 any（当然，并不推荐这样使用），毕竟 TypeScript 对类型的检查严格程度是可以通过 tsconfig.json 来配置的。
在搭建TypeScript环境之前，先来看看适合TypeScript的IDE，这里主要介绍Visual Studio Code，笔者就一直使用这款编辑器。
VS Code可以说是微软的亲儿子了，其具有以下优势：
因为 VS Code 中内置了特定版本的 TypeScript 语言服务，所以它天然支持 TypeScript 语法解析和类型检测，且这个内置的服务与手动安装的 TypeScript 完全隔离。因此， VS Code 支持在内置和手动安装版本之间动态切换语言服务，从而实现对不同版本的 TypeScript 的支持。
如果当前应用目录中安装了与内置服务不同版本的 TypeScript，我们就可以点击 VS Code 底部工具栏的版本号信息，从而实现 “use VS Code's Version” 和 “use Workspace's Version” 两者之间的随意切换。
除此之外，VS Code 也基于 TypeScript 语言服务提供了准确的代码自动补全功能，并显示详细的类型定义信息，大大的提升了我们的开发效率。
1）全局安装TypeScript：
2）初始化配置文件：
执行之后，项目根目录会出现一个 tsconfig.json 文件，里面包含ts的配置项（可能因为版本不同而配置略有不同）。
可以在 package.json 中加入script命令：
3）编译ts代码：
TSLint 是一个通过 tslint.json 进行配置的插件，在编写TypeScript代码时，可以对代码风格进行检查和提示。如果对代码风格有要求，就需要用到TSLint了。其使用步骤如下： （1）在全局安装TSLint：
（2）使用TSLint初始化配置文件：
执行之后，项目根目录下多了一个 tslint.json 文件，这就是TSLint的配置文件了，它会根据这个文件对代码进行检查，生成的 tslint.json 文件有下面几个字段：
这些字段的含义如下；
在说TypeScript数据类型之前，先来看看在TypeScript中定义数据类型的基本语法。
在语法层面，缺省类型注解的 TypeScript 与 JavaScript 完全一致。因此，可以把 TypeScript 代码的编写看作是为 JavaScript 代码添加类型注解。
在 TypeScript 语法中，类型的标注主要通过类型后置语法来实现：“ 变量: 类型 ”
在 JavaScript 中，原始类型指的是 非对象且没有方法 的数据类型，包括：number、boolean、string、null、undefined、symbol、bigInt。
它们对应的 TypeScript 类型如下：
JavaScript原始基础类型TypeScript类型 numbernumber booleanboolean stringstring nullnull undefinendefined symbolsymbol bigIntbigInt
需要注意 number 和 Number 的区别：TypeScript中指定类型的时候要用 number ，这是TypeScript的类型关键字。而 Number 是 JavaScript 的原生构造函数，用它来创建数值类型的值，这两个是不一样的。包括 string 、 boolean 等都是TypeScript的类型关键字，而不是JavaScript语法。
TypeScript 和 JavaScript 一样，所有数字都是 浮点数 ，所以只有一个 number 类型。
TypeScript 还支持 ES6 中新增的二进制和八进制字面量，所以 TypeScript 中共支持 2、8、10和16 这四种进制的数值：
字符串类型可以使用单引号和双引号来包裹内容，但是如果使用 Tslint 规则，会对引号进行检测，使用单引号还是双引号可以在 Tslint 规则中进行配置。除此之外，还可以使用 ES6 中的模板字符串来拼接变量和字符串会更为方便。
类型为布尔值类型的变量的值只能是true或者false。除此之外，赋值给布尔值的值也可以是一个计算之后结果为布尔值的表达式：
在 JavaScript 中，undefined和 null 是两个基本数据类型。在 TypeScript 中，这两者都有各自的类型，即 undefined 和 null，也就是说它们既是实际的值，也是类型。这两种类型的实际用处不是很大。
注意，第一行代码可能会报一个tslint的错误： Unnecessary initialization to 'undefined' ，就是不能给一个变量赋值为undefined。但实际上给变量赋值为undefined是完全可以的，所以如果想让代码合理化，可以配置tslint，将" no-unnecessary-initializer "设置为 false 即可。
默认情况下，undefined 和 null 是所有类型的子类型，可以赋值给任意类型的值，也就是说可以把 undefined 赋值给 void 类型，也可以赋值给 number 类型。当在 tsconfig.json 的"compilerOptions"里设置为 "strictNullChecks": true 时，就必须严格对待了。这时 undefined 和 null 将只能赋值给它们自身或者 void 类型。这样也可以规避一些错误。
BigInt是ES6中新引入的数据类型，它是一种内置对象，它提供了一种方法来表示大于 2- 1 的整数，BigInt可以表示任意大的整数。
使用 BigInt 可以安全地存储和操作大整数，即使这个数已经超出了JavaScript构造函数 Number 能够表示的安全整数范围。
我们知道，在 JavaScript 中采用双精度浮点数，这导致精度有限，比如 Number.MAX_SAFE_INTEGER 给出了可以安全递增的最大可能整数，即 2- 1 ，来看一个例子:
可以看到，最终返回了true，这就是超过精读范围造成的问题，而 BigInt 正是解决这类问题而生的:
这里需要用 BigInt(number) 把 Number 转化为 BigInt ，同时如果类型是 BigInt ，那么数字后面需要加 n 。
在TypeScript中， number 类型虽然和 BigInt 都表示数字，但是实际上两者类型是完全不同的:
symbol我们平时用的比较少，所以可能了解也不是很多，这里就详细来说说symbol。
symbol 是 ES6 新增的一种基本数据类型，它用来表示独一无二的值，可以通过 Symbol 构造函数生成。
注意：Symbol 前面不能加 new关键字，直接调用即可创建一个独一无二的 symbol 类型的值。
可以在使用 Symbol 方法创建 symbol 类型值的时候传入一个参数，这个参数需要是一个字符串。如果传入的参数不是字符串，会先自动调用传入参数的 toString 方法转为字符串：
上面代码的第三行可能会报一个错误：This condition will always return 'false' since the types 'unique symbol' and 'unique symbol' have no overlap. 这是因为编译器检测到这里的 s1 === s2 始终是false，所以编译器提醒这代码写的多余，建议进行优化。
上面使用Symbol创建了两个symbol对象，方法中都传入了相同的字符串，但是两个symbol值仍然是false，这就说明了 Symbol 方法会返回一个独一无二的值。Symbol 方法传入的这个字符串，就是方便我们区分 symbol 值的。可以调用 symbol 值的 toString 方法将它转为字符串：
在TypeScript中使用symbol就是指定一个值的类型为symbol类型：
在ES6中，对象的属性是支持表达式的，可以使用于一个变量来作为属性名，这对于代码的简化有很多用处，表达式必须放在大括号内：
symbol 也可以作为属性名，因为symbol的值是独一无二的，所以当它作为属性名时，不会与其他任何属性名重复。当需要访问这个属性时，只能使用这个symbol值来访问（必须使用方括号形式来访问）：
在使用obj.name访问时，实际上是字符串name，这和访问普通字符串类型的属性名是一样的，要想访问属性名为symbol类型的属性时，必须使用方括号。方括号中的name才是我们定义的symbol类型的变量name。
使用 Symbol 类型值作为属性名，这个属性是不会被 for…in遍历到的，也不会被 Object.keys() 、 Object.getOwnPropertyNames() 、 JSON.stringify() 等方法获取到：
虽然这些方法都不能访问到Symbol类型的属性名，但是Symbol类型的属性并不是私有属性，可以使用 Object.getOwnPropertySymbols 方法获取对象的所有symbol类型的属性名：
除了这个方法，还可以使用ES6提供的 Reflect 对象的静态方法 Reflect.ownKeys ，它可以返回所有类型的属性名，Symbol 类型的也会返回：
Symbol 包含两个静态方法， for 和 keyFor 。 1）Symbol.for()
用Symbol创建的symbol类型的值都是独一无二的。使用 Symbol.for 方法传入字符串，会先检查有没有使用该字符串调用 Symbol.for 方法创建的 symbol 值。如果有，返回该值；如果没有，则使用该字符串新创建一个。使用该方法创建 symbol 值后会在全局范围进行注册。
上面代码中，创建了一个iframe节点并把它放在body中，通过这个 iframe 对象的 contentWindow 拿到这个 iframe 的 window 对象，在 iframe.contentWindow上添加一个值就相当于在当前页面定义一个全局变量一样。可以看到，在 iframe 中定义的键为 TypeScript 的 symbol 值在和在当前页面定义的键为'TypeScript'的symbol 值相等，说明它们是同一个值。
2）Symbol.keyFor() 该方法传入一个 symbol 值，返回该值在全局注册的键名：
看完简单的数据类型，下面就来看看比较复杂的数据类型，包括JavaScript中的数组和对象，以及TypeScript中新增的元组、枚举、Any、void、never、unknown。
在 TypeScript 中有两种定义数组的方式：
以上两种定义数组类型的方式虽然本质上没有任何区别，但是更推荐使用第一种形式来定义。一方面可以避免与 JSX 语法冲突，另一方面可以减少代码量。
注意，这两种写法中的 number 指定的是数组元素的类型，也可以在这里将数组的元素指定为其他任意类型。如果要指定一个数组里的元素既可以是数值也可以是字符串，那么可以使用这种方式： number|string[] 。
在JavaScript中，object是引用类型，它存储的是值的引用。在TypeScript中，当想让一个变量或者函数的参数的类型是一个对象的形式时，可以使用这个类型：
可以看到，当给一个对象类型的变量赋值一个对象时，就会报错。对象类型更适合以下场景:
在 JavaScript 中并没有元组的概念，作为一门动态类型语言，它的优势是支持多类型元素数组。但是出于较好的扩展性、可读性和稳定性考虑，我们通常会把不同类型的值通过键值对的形式塞到一个对象中，再返回这个对象，而不是使用没有任何限制的数组。TypeScript 的元组类型正好弥补了这个不足，使得定义包含固定个数元素、每个元素类型未必相同的数组成为可能。
元组可以看做是数组的扩展，它表示已知元素数量和类型的数组，它特别适合用来实现多值返回。确切的说，就是已知数组中每一个位置上的元素的类型，可以通过元组的索引为元素赋值：：
可以看到，定义的arr元组中，元素个数和元素类型都是确定的，当为arr赋值时，各个位置上的元素类型都要对应，元素个数也要一致。
当访问元组元素时，TypeScript也会对元素做类型检查，如果元素是一个字符串，那么它只能使用字符串方法，如果使用别的类型的方法，就会报错。
在TypeScript 新的版本中，TypeScript会对元组做越界判断。超出规定个数的元素称作越界元素，元素赋值必须类型和个数都对应，不能超出定义的元素个数。
这里定义了接口 Tuple ，它继承数组类型，并且数组元素的类型是 number 和 string 构成的联合类型，这样接口 Tuple 就拥有了数组类型所有的特性。并且指定索引为0的值为 string 类型，索引为1的值为 number 类型，同时指定 length 属性的类型字面量为 2，这样在指定一个类型为这个接口 Tuple 时，这个值必须是数组，而且如果元素个数超过2个时，它的length就不是2是大于2的数了，就不满足这个接口定义了，所以就会报错；当然，如果元素个数不够2个也会报错，因为索引为0或1的值缺失。
TypeScript 在 ES 原有类型基础上加入枚举类型，使得在 TypeScript 中也可以给一组数值赋予名字，这样对开发者比较友好。枚举类型使用enum来定义：
上面定义的枚举类型的Roles，它有三个值，TypeScript会为它们每个值分配编号，默认从0开始，在使用时，就可以使用名字而不需要记数字和名称的对应关系了：
除此之外，还可以修改这个数值，让SUPER_ADMIN = 1，这样后面的值就分别是2和3。当然还可以给每个值赋予不同的、不按顺序排列的值：
我们可以将一个值定义为any类型，也可以在定义数组类型时使用any来指定数组中的元素类型为任意类型：
any 类型会在对象的调用链中进行传导，即any 类型对象的任意属性的类型都是 any，如下代码所示：
需要注意：不要滥用any类型，如果代码中充满了any，那TypeScript和JavaScript就毫无区别了，所以除非有充足的理由，否则应该尽量避免使用 any ，并且开启禁用隐式 any 的设置。
void 和 any 相反，any 是表示任意类型，而 void 是表示没有类型，就是什么类型都不是。这在 定义函数，并且函数没有返回值时会用到 ：
需要注意： void 类型的变量只能赋值为 undefined 和 null ，其他类型不能赋值给 void 类型的变量。
never 类型指永远不存在值的类型，它是那些 总会抛出异常 或 根本不会有返回值的函数表达式的返回值 类型，当变量被永不为真的类型保护所约束时，该变量也是 never 类型。
下面的函数，总是会抛出异常，所以它的返回值类型是never，用来表明它的返回值是不存在的：
never 类型是任何类型的子类型，所以它可以赋值给任何类型；而没有类型是 never 的子类型，所以除了它自身以外，其他类型（包括 any 类型）都不能为 never 类型赋值。
上面代码定义了一个立即执行函数，函数体是一个死循环，这个函数调用后的返回值类型为 never，所以赋值之后 neverVariable 的类型是 never 类型，当给neverVariable 赋值 123 时，就会报错，因为除它自身外任何类型都不能赋值给 never 类型。
基于 never 的特性，我们可以把 never 作为接口类型下的属性类型，用来禁止操作接口下特定的属性：
可以看到，无论给 props.name 赋什么类型的值，它都会提示类型错误，这就相当于将 name 属性设置为了只读 。
unknown 是TypeScript在3.0版本新增的类型，主要用来描述类型并不确定的变量。它看起来和any很像，但是还是有区别的，unknown相对于any更安全。
对于any，来看一个例子：
上面这些语句都不会报错，因为value是any类型，所以后面三个操作都有合法的情况，当value是一个对象时，访问name属性是没问题的；当value是数值类型的时候，调用它的toFixed方法没问题；当value是字符串或数组时获取它的length属性是没问题的。
当指定值为unknown类型的时候，如果没有 缩小类型范围 的话，是不能对它进行任何操作的。总之，unknown类型的值不能随便操作。那什么是类型范围缩小呢？下面来看一个例子：
这里由于把value的类型缩小为Date实例的范围内，所以进行了value.toISOString()，也就是使用ISO标准将 Date 对象转换为字符串。
使用以下方式也可以缩小类型范围：
关于 unknown 类型，在使用时需要注意以下几点：
在实际使用中，如果有类型无法确定的情况，要尽量避免使用 any，因为 any 会丢失类型信息，一旦一个类型被指定为 any，那么在它上面进行任何操作都是合法的，所以会有意想不到的情况发生。因此如果遇到无法确定类型的情况，要先考虑使用 unknown。
4. 什么是ts 编程
什么是ts
ts是js的超集，意味着js本身的语法在ts里面也能跑的通。ts一方面是对js加上了很多条条框框的限制，另一方面是拓展了js的一些能力，就像es6提供了那么多神奇的语法糖一样。只要按照一定的规则去书写js，就能享受到ts带来的好处。
当然因为现在的ts足够强大，并且有自家的vscode保驾护航，才方便了我们这些过去想都不(lan)敢(de)想的苦逼程序员。
js改造成ts的工作量很大程度取决于你想对自己的代码限制的有多细致，描述的有多完善。最简单的就像上面说的，改个拓展名就行了(当然很大程度上可能会通过不了各种静态检查)。如果你写的越多，用你代码的同志就越大可能喜欢你写的东西。
5. java语言在被设计的时候为什么会加上 编译 这一步
java语言在被设计的时候为什么会加上编译这一步，其实主要的考虑因素是性能，静态语言的执行效率比动态语言要高得多。所以需要编译。
6. 小白准备转行学习前端，有大神可以提一些建议吗
学习是以兴趣为前提的，你要对你所要学的内容产生兴趣，这样你才会花心思去学习。这和是不是小白没关系的，对于小白而言，在学习过程中就需要更努力，多花时间和心思没有什么是学不会的。
自学方法：
1、作为一个初学者，你必须明确系统的学习方案，我建议一定有一个指导的人，全靠自己学，放弃的几率非常大，在你对于web前端还没有任何概念的时候，需要一个人领进门，之后就都靠自己钻研，第一步就是确定web前端都需要哪些内容，并且在多少时间内学完，建议时间6个月保底。
2、视频为主，书为辅。很多初学者在学习前端的时候非常喜欢去买书，但是最后的结果是什么？看来看去什么都不会写，所以在这里给大家提醒，书可以看，但是是在建立于你已经对于某个知识点有了具体操作的执行后，在用书去巩固概念，这样更加利于你对于知识的理解。
3、对于学习技术来讲，掌握一个学习方法是非常重要的，其实对于学习web前端来讲，学习方法确实很多都是相通的，一旦学习方法不对，可能就会造成“方法不对，努力白费”。其实关于这方面还是很多的，我就简单说个例子，有的人边听课边跟着敲代码，这样就不对，听课的时候就专心听，做题的时候就专心做题，这都是过来人的经验，一定要听。根据每个人的不同，可能学习方法也会有所出路，找到适合你自己的学习法方法是学习的前提。
4、不建议自己一个人瞎学，在我了解学习编程的这些人来看，从零基础开始学并且最后成功做这份工作的其实并没有几个，我觉得大部分原因就是因为他们都不了解web前端是干什么的，学什么的，就盲目的买书看，到处找视频看，最后看着看着就放弃了，所以我建议初学者在没有具体概念之前，还是找有经验的人请教一下，聊过之后你就会知道web前端具体是干什么的，该怎么学，这是我个人的小建议，可以不采纳。
自学路线：
第1阶段：前端页面重构(4周)
内容包含了：(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)
第2阶段：JavaScript高级程序设计(5周)
内容包含：(原生JavaScript交互功能开发项目、面向对象进阶与ES5/ES6应用项目、JavaScript工具库自主研发项目)
第3阶段：PC端全栈项目开发(3周)
内容包含：(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)
第4阶段：移动端项目开发(6周)
内容包含：(Touch端项目、微信场景项目、应用Angular+Ionic开发WebApp项目、应用Vue.js开发WebApp项目、应用React.js开发WebApp项目)
第5阶段：混合(Hybrid,ReactNative)开发(1周)
内容包含：(微信小程序开发、ReactNative、各类混合应用开发)
第6阶段：NodeJS全栈开发(1周)
内容包括：(WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库)
视频教程：
网页链接
网页链接
如果你对于学习前端有任何不懂的可以随时来问我，如果没有比较好的教程，也可以问我要。
7. ts和js有什么区别
ts需要静态编译，它提供了强类型与更多面向对象的内容。
ts最终仍要编译为弱类型的js文件，基于对象的原生的js，再运行。故ts相较java/C#这样天生面向对象语言是有区别和局限的
ts是由微软牵头主导的，主要来自C#
TypeScript是一个应用程序级的JavaScript开发语言。（这也表示TypeScript比较牛逼，可以开发大型应用，或者说更适合开发大型应用）
TypeScript是JavaScript的超集，可以编译成纯JavaScript。这个和我们CSS离的Less或者Sass是很像的，
我们用更好的代码编写方式来进行编写，最后还是友好生成原生的JavaScript语言。
TypeScript跨浏览器、跨操作系统、跨主机、且开源。由于最后他编译成了JavaScript所以只要能运行JS的地方，都可以运行我们写的程序，设置在node.js里。
TypeScript始于JavaScript，终于JavaScript。遵循JavaScript的语法和语义
TypeScript可以重用JavaScript代码，调用流行的JavaScript库。
TypeScript提供了类、模块和接口，更易于构建组件和维护。
8. ts插件加盖在哪
可用对象的方法写，或者使用已有的模块，如果不使用这两种方法是不能静态编译的。
9. 动态语言会淘汰静态语言吗
，尽管没有我想象的那么多争议，但还是如期引发了一些误解。有一些朋友指出动态语言，具体来说是 Python 中的各种问题。这些我认为是大部分是正确的。
我写上文的用意，在于讨论动态语言使用过程中，关于质量控制的必要性，以及其引发的性价比方面的争议。这并不表示动态语言全面的优于静态语言，更不表示静态语言会被动态语言全面的取代。进一步，这里我简单的说一下，我所认识到的，静态语言相对的优越性，和存在意义。
这里首先我表达一下我一贯的观点：计算机不会魔法。具体来说两方面，一是离机器越近，性能上越有可能达到更快；二是目前的机器模型，总是以线性方式管理数据的（值得吐槽的是在操作系统以上，文件分区系统也总是这样干的，更底层能否以哪怕是极座标方式，直接在二／三维空间上定位访问，而非扇区、柱面、簇这种形式，我不清楚，有待方家指点）。
线性管理信息带来的效应就是：基于线性数据结构，或以地址访问信息的编程工具，通常来说会比基于字典结构的更快，至少有更大的优化空间。而静态语言的话，编译时我们已经确定了对象的结构和尺寸（动态尺寸的内容可以通过引用管理），这是动态语言无法做到的。动态语言的对象结构，总是基于字典结构，要兼顾对象结构在运行时发生改变的问题。这使得它的数据管理总是要比直接地址访问要多上那么一层。这也是甚少见到动态语言编译器的原因。流行的动态语言，几乎都是解释／字节码平台，甚至，最常见的 Python/Ruby 等等语言，几乎都有饱受批评的 GIL（Global Interpreter Lock）。以 Python 社区的经验来说，多年来出现的数个无GIL的 C-Python 实现，单核性能都不如现在的官方版本。Jython 和 IronPython 则是得益于 JVM 和 CLR，这两个久经经考验的虚拟机平台，它们的 first-class language 都是静态编译型语言（尽管其主流编译器生成的是字节码，但是通常我们都视Java 和 C#为编译语言）。为 Perl 社区期待多年的 Perl6 ，至今还没有真正的发布（其虚拟机 Parrot 虽然已经发布，但受制于主力语言实现进度，现在还没有得到足够的实战验证）。为动态语言实现一个高性能的，特别是并行的高性能环境，难度之高，可见一斑。
根本上说，在当前的硬件模型上，想要以非线性的方式管理信息，动态伸缩，动态修改结构，非常的不容易。举一个例子，候捷老师有一个讲座，是以windows 95为例，详细讲解 malloc/free 的底层实现，有听过的朋友应该对操作系统动态管理内存资源的复杂程度有所体会。类似的内容在很多操作系统之类的技术书籍中都有介绍，有兴趣的朋友可以找来看看，我手边有一本《Unix系统编程》就有相关的内容。
这类问题涉及比较深入的底层问题，我不是科班出身，这方面比较外行，讲的不是很好，不过有兴趣的朋友可以深究一下，会发现这事儿比看起来要麻烦得多。想要让动态语言达到静态化的性能，是件相当有挑战的事。Google的 Protocol Buffer 协议，也是基于静态模型的。
现代的静态语言，搞了很好的伪装，使它写起来可以非常的有动感，例如 C#3，Scala等，但究其本质，它们代码中涉及的类型，仍然是可以编译期确定的。我所接触过的语言中，此类功能最有历史的应该是Haskell，而它是通过一个非常严苛的数学体系来推导类型，在此过程中，还是时有需要程序员显式声明函数类型，才能完成编译。
静态语言在变得越来越友好敏捷，动态语言在越来越快，但是两者之间的分界，仍然相当的清晰，静态语言更快，更具优化潜力。动态语言更灵活，更具表达能力。这是两者不能被互相取代的根本原因。
当然，性能问题并不简单，动态语言在宏观上往往没有具部的测试结果看起来那么慢，这是因为要表达复杂的业务逻辑，往往需要复杂的数据结构和访问代码，这些复杂的数据内容，要随着用户的访问不断变化。要实现这一切，如果使用静态语言，就要关注动态数据结构的实现，如果使用的是没有GC的开发技术，还要关注内存资源的回收，确实会出现绕了一大圈儿，结果实现的系统还没有现成的动态语言快的现像（尽管这不是普遍的）。更何况现实中总是以线性读写的IO接口，更严重拉平了不同语言之间的性能差异。所以现在比较得到认可的实现方式往往是以动态语言实现项目，然后，如果有需求，也有这个成本负担，就以静态语言优化性能瓶颈。
当然，上述的模式往往用在服务器型的项目中，在GUI环境中，要与显示器、鼠标键盘等人机交互环境频繁的互动，这个资源付出非常的大，加上在CPP等静态语言大行的时代，GUI开发已经相当成熟，技术力量沉积的历史原因，这个领域仍然是以静态的、编译型的语言为主力。最多是为了提交二次开发能力，提供动态语言调用的接口，或嵌入一个解释环境，有限的利用。其实即使是服务器环境，随着互联网的发展，性能问题也正在越来越突出。我就遇到过某个简单逻辑的功能，使用Python怎样都无法优化到理想的程度，最终用Objective C写了一个nginx模块。另一方面说Objective C这样的语言已经相当的动态化，使用它的字典结构，要比用C方便的多，在二进制上又可以完全兼容于C，在性能和空间付出上，明显可以观察到比大多C的字典结构，要多付出一些性能代价。计算机没有魔法，人得到便利，总是要付出一些计算资源。把它尽可能的贴近理想，是技术人员的目标。
越来越多的大型架构，要求我们不仅以模块、连接库和函数接口的层面思考问题，更多的要考虑实际运行时的，运行实例和服务器的行为。我们不但需要附件齐备的运行时环境，也需要可以直达硬件的，高速有效的工具。包括开发一些不那么动态但是更快速的定制服务环境，也成为一个越来越常见的需求。
虽然编程语言在发展，我们有更多，更强大的方式来表达我们的思维，但是随着用户量、商业模式和服务方式的迅速变化，新的挑战也不断出现。对于职业的IT开发团队，我们在面对更多的挑战。我们需要更为丰富的技术组合，指望一种技术一统天下，即使局限于互联网应用这个领域，也仍然是一个奢望。这十年来动态语言的兴起，其实是在补过去逻辑表达方面不足的功课，这是硬件发展带来的有限的福利，但是硬件资源永远是快速发展，但却不足使用。动态语言和静态语言组合使用，兼顾高效开发与高性能的效果，在目前可以预见的未来，仍然是比较实际的思路。
10. TypeScript IDE
WebStorm提供了创建TypeScript的模板文件，但并没提供自动编译TS文件为JS文件和Map文件。
配置File Watcher来对TS文件进行自动编译
File > Settings > Languages & Frameworks > TypeScript
选中 Recompile on changes
WebStorm断点调试TypeScript编译出来的JavaScript
WebStorm之所以能够调试TS文件，主要是因为Map文件，因此TS必须生成Map文件。
设置断点调试