typescript将ES5转ES6

今天准备使用typescript的Map，结果发现我的egret项目中不支持，但是typescript的文档中明明写着是有这个类可以使用，结果发现上面有一行小字写着ES6支持，我打开项目中的tyconfig.json文件：

{"compilerOptions": {"target": "es5","outDir": "bin-debug","experimentalDecorators": true,"lib": ["es5","dom","es2015.promise"],"types": []},"include": ["src","libs"],"exclude":["node_modules"]
}

果然我是ES5，所以没有可以理解。然后我将es5改成es6:

{"compilerOptions": {"target": "es6","outDir": "bin-debug","experimentalDecorators": true,"lib": ["es6","dom","es2015.promise"],"types": []},"include": ["src","libs"],"exclude":["node_modules"]
}

然后重新编译，在代码中new Map();果然可以了，然后当我将代码进行编译运行时发现报错了：找不到函数入口Main。显然直接将es5改成es6是不行的，经过资料查询，除了以上修改ts的配置文件外还需要以下步骤：

将Main.js文件中的Main类增加命名空间（namespace），并且在类上增加export关键字：
```
namespace app{
export class Main extends eui.UILayer {//其他代码}
}
```
修改index.html的data-entry-class="Main"配置项：
```
data-entry-class="app.Main"
```
我搜了一下，项目中是有两个index.html文件的，一个是根目录下，一个是在web目录下，我这里是都做了修改。
上面这些做完之后就可以正常通过egret运行了，但是当我们编译成微信小游戏后，会发现还是不行，同样会报找不到Main入口。解决办法是修改main.js，最后一行：

;window.Main = Main;
//修改成如下
;window.Main = app.Main;

typescript将ES5转ES6相关推荐

typescript学习之路(三) —— ts定义类的方法（包含es5以及es6的定义类）
提起类,不得不说一下,强类型编程语言,如php,java,c++等都有类的概念.而js作为一门弱类型语言,是没有类这个概念的,虽然也能模拟类的实现,但总归不是类.so,ts也只是模拟类而已,使得更贴切 ...
typescript学习之路(四) —— ts类的继承（包含es5以及es6的类继承）
上一文已经写了es5,es6等类的定义,所以本章主要写es5和es6的继承,由于es6的继承和ts的继承如出一辙,只是加了类型定义而已,所以ts的继承稍微写下,不会太详细. 文章目录 es5继承原型 ...
ES5和ES6数组遍历方法详解
ES5和ES6数组遍历方法详解在ES5中常用的10种数组遍历方法: 1.原始的for循环语句 2.Array.prototype.forEach数组对象内置方法 3.Array.prototype. ...
ES5、ES6、ES7、ES8
ES5.ES6.ES7.ES8 ES5 Strict Mode 在JS文件或是函数的顶部添加"use strict"即可启用严格模式. "use strict" ...
ES5和ES6中对于继承的实现方法
在ES5继承的实现非常有趣的,由于没有传统面向对象类的概念,Javascript利用原型链的特性来实现继承,这其中有很多的属性指向和需要注意的地方. 原型链的特点和实现已经在之前的一篇整理说过了,就是 ...
JavaScript 中的 require / exports、import / export、浅谈JavaScript、ES5、ES6
Node.js 的基础教学之 exports 和 module.exports:https://zhuanlan.zhihu.com/p/82057593 浅谈 JavaScript.ES5.ES6 ...
ES5和ES6中的变量声明提升
ES5和ES6中的变量声明提升 Example1: a=2; var a; console.log( a ); //结果为2 Example2: console.log( a ); //结果是unde ...
react-native ES5与ES6写法对照表
转载链接:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/react-native-es5-and-es6-writing-tabl ...
ES5和ES6的继承有哪些优劣？
突然看到继承,感觉对这个概念有点模糊,掌握的知识点不太全面牢固,所以才有了这篇博客. 在我的印象里,ES5的继承我只知道三种:通过构造函数继承.通过原型链继承.通过构造函数和原型链组合继承对ES6的 ...

typescript将ES5转ES6

typescript将ES5转ES6相关推荐

最新文章

热门文章