Laya中使用Promise和asyncawait

40次阅读

共计 2343 个字符,预计需要花费 6 分钟才能阅读完成。

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 };
    }
};

正文完
 0