typescript怎么定义全局的函数

Question

typescript怎么定义全局的函数

Answer 1

TypeScript 有两种模块化方式，一种是使用 ES6 的 import/export 及其 TS 对这种语法的微小扩展；另一种方式是使用 TS 特有的 namespace (命名空间)。在分析这两种模块化方式之前，我先推荐使用第一种方式，因为第二种方式涉及到模块引用顺序的问题(可以通过 /// <reference path="..." /> 来解决，但感觉不如 import 爽。如果使用 namespace 方式的模块化，那么所有东西都是全局的，内部引用直接使用即可，TS 能识别出同一命名空间下export 的内容；外部引用导入即可；全局使用(比如在页面上的 <script> 内，把命名空间写完整就好(仅仍然只能使用export 的内容。如果使用 ES6 模块方式的模块化，目前最好的方式可能就是挂到 window 上了，如果是在 Node 下，就需要挂到 global上。如果要兼容，就得写点代码来判断全局对象。一般来说，用 TypeScript 写代码，就已经决定了要模块化，除非很少的时候需要在页面的 <script> 中调用脚本中的某些对象，这种情况往 window 上挂就行。如果是要做为库来发布，tsc 是可以编译生成 .d.ts 文件的，如果是引用 js，那就不存在静态类型检查的问题；如果是引用 ts，那就以模块化的方式引用；如果想以全局的方式引用 ts，那就在在全局对象上挂一个入口对象，然后在文档里说明，使用前自己申明这个对象(不需要提供 .d.ts)，也就几行代码的事情，也不算麻烦。比如declare global {interface Window {myEntry: EntryClass;}}

Answer 2

随着各种现代浏览器、以及node对ES6的支持，已经有越来越多的ES6特性可以在程序中使用，她们给开发过程带来的便利不言而喻，举个小例子，我想从一个数组里找一些符合条件的数据，放入另一个数组内，过去我们这么写:var list = [],i;for (i = 0; i < originalList.length; i++) {var item = originalList[i];if (item.gender === 'male') {list.push(item);}}console.log(list); //符合条件的新数组如果改用数组的高阶函数，再配合ES6的arrow function，代码可以简洁如斯：var list = originalList.filter(item => item.gender === 'male');console.log(list); //符合条件的新数组