laya.html.dom,Laya中使用Promise和async/await

JS和TS项目中使用Promise,有很多教程,都能现学现卖,基本不需要什么额外的操作,直接能用。

而Laya引擎,很难知道每个版本改了什么,只能碰运气。

在laya项目里用Promise,会找不到Promise定义,这时候,你需要在tsconfig.json中,加上promise的引用。配置文件改完以后基本如下:

{

"compilerOptions": {

"module": "commonjs",

"target": "es5",

"noEmitHelpers": true,

"sourceMap": false,

"baseUrl":"src",

"lib": [

"es5",

"dom",

"es2015.promise"

]

},

"exclude": [

"node_modules"

]

}

好了,不报错了,可以编译了。

编译通过,可以运行,

然后执行到关键字async/await的地方,又会报错,内容类似下面:

__awaiter is not defined

不着急,网上有不少这个__awaiter定义的js文件。搞一份,起个名字,比如extends.js。

首先放到项目下面 bin/libs/extends.js

并且在index.js里面,loadLib("libs/extend.js")

好了,大功告成。

这个研究的过程虽然不算艰难 ,但是让人十分的不爽,功劳都是广大智慧的网友的。

我怕忘了这个解决方案,特立此贴。

参考:Layabox -__awaiter is not defined和TypeScript error: Error TS2468: Cannot find global value 'Promise'

参考:laya2.0 async怎么用呢?

下面是extends.js的内容

var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator)

{

return new (P || (P = Promise))(function (resolve, reject)

{

function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }

function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }

function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }

step((generator = generator.apply(thisArg, _arguments || [])).next());

});

};

var __generator = (this && this.__generator) || function (thisArg, body)

{

var _ = { label: 0, sent: function () { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;

return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;

function verb(n) { return function (v) { return step([n, v]); }; }

function step(op)

{

if (f) throw new TypeError("Generator is already executing.");

while (_) try

{

if (f = 1, y && (t = y[op[0] & 2 ? "return" : op[0] ? "throw" : "next"]) && !(t = t.call(y, op[1])).done) return t;

if (y = 0, t) op = [0, t.value];

switch (op[0])

{

case 0: case 1: t = op; break;

case 4: _.label++; return { value: op[1], done: false };

case 5: _.label++; y = op[1]; op = [0]; continue;

case 7: op = _.ops.pop(); _.trys.pop(); continue;

default:

if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }

if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }

if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }

if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }

if (t[2]) _.ops.pop();

_.trys.pop(); continue;

}

op = body.call(thisArg, _);

} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }

if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };

}

};

你可能感兴趣的:(laya.html.dom)