关于JS的Promise中异步执行c++函数resolve和reject回调次数不准确的问题

一、问题描述
JS的Promise中异步执行c++函数resolve和reject回调次数不准确的问题


function GetCurCameraPropertySetting(){
self = this;
return new Promise((resolve, reject) => { 
self.Engine.GetCurCameraPropertySetting(propertyType,function (ret,info) {
    if (ret == 0) {
        resolve(info);
    }
    else {
        reject(info);
    }
  });
}

GetCurCameraPropertySetting函数是c++中的异步函数,该函数中第二个参数是回调函数,由c++线程调用线程安全函数放入渲染进程再由渲染进程回调到JS层。当回调回来时resolve或者reject被调用,但在JS中连续调用GetCurCameraPropertySetting函数时then中传入的resolve或者reject被调用次数与GetCurCameraPropertySetting函数的调用次数不匹配。
二、原因分析
在GetCurCameraPropertySetting函数中,resolve和 reject参数没有被传递到c++层,再JS回调函数被执行时resolve和 reject参数不知是进行匹配的,这里可能发生错误(改原因分析没有经过验证)。
三、解决方式
通过NAPI中的promise系列函数创建promise,直接返回到JS层,再c++线程回调时通过deffer重置promise的状态并将参数传回,可解决上述问题。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,我可以帮您实现一个简单的 Promise。 首先,Promise 有三种状态:pending(等待)、fulfilled(已成功)和 rejected(已失败)。 我们可以通过一个变量来表示当前的状态,例如: ```javascript const PENDING = 'pending'; const FULFILLED = 'fulfilled'; const REJECTED = 'rejected'; let status = PENDING; ``` 接下来,我们需要实现一个 Promise 构造函数,它接受一个函数作为参数,这个函数又接受两个参数,一个是 resolve 函数,一个是 reject 函数。这个函数在被调用时会执行一些异步操作,并在异步操作完成后调用 resolve 或 reject 函数来改变 Promise 的状态。 ```javascript function MyPromise(executor) { let status = PENDING; function resolve(value) { status = FULFILLED; // TODO: 处理 value } function reject(reason) { status = REJECTED; // TODO: 处理 reason } // 执行异步操作 executor(resolve, reject); } ``` 现在我们已经可以创建一个 Promise 了,但是它并没有什么用处。我们需要实现一个 then 方法,它接受两个参数,一个是成功时的回调函数,一个是失败时的回调函数。当 Promise 的状态为 fulfilled 时,调用成功回调函数,否则调用失败回调函数。如果 then 方法被重复调用,我们需要将回调函数保存起来,等到异步操作完成后再执行。 ```javascript function MyPromise(executor) { let status = PENDING; let onFulfilledCallbacks = []; let onRejectedCallbacks = []; function resolve(value) { status = FULFILLED; onFulfilledCallbacks.forEach(callback => callback(value)); } function reject(reason) { status = REJECTED; onRejectedCallbacks.forEach(callback => callback(reason)); } function then(onFulfilled, onRejected) { if (status === FULFILLED) { onFulfilled(value); } else if (status === REJECTED) { onRejected(reason); } else { onFulfilledCallbacks.push(onFulfilled); onRejectedCallbacks.push(onRejected); } } // 执行异步操作 executor(resolve, reject); return { then, }; } ``` 最后,我们需要实现 resolve 和 reject 方法,它们分别将 Promise 的状态改为 fulfilled 和 rejected,并将结果传递给 then 方法注册的回调函数。 ```javascript function MyPromise(executor) { let status = PENDING; let value; let reason; let onFulfilledCallbacks = []; let onRejectedCallbacks = []; function resolve(value) { status = FULFILLED; onFulfilledCallbacks.forEach(callback => callback(value)); } function reject(reason) { status = REJECTED; onRejectedCallbacks.forEach(callback => callback(reason)); } function then(onFulfilled, onRejected) { if (status === FULFILLED) { onFulfilled(value); } else if (status === REJECTED) { onRejected(reason); } else { onFulfilledCallbacks.push(onFulfilled); onRejectedCallbacks.push(onRejected); } } function MyPromise(resolve) { status = FULFILLED; value = resolve; onFulfilledCallbacks.forEach(callback => callback(value)); } function MyPromise(reject) { status = REJECTED; reason = reject; onRejectedCallbacks.forEach(callback => callback(reason)); } // 执行异步操作 executor(resolve, reject); return { then, resolve: MyPromise, reject: MyPromise, }; } ``` 现在我们已经实现了一个简单的 Promise,您可以使用它来处理异步操作了。需要注意的是,这个 Promise 只是一个简化版的实现,没有考虑到一些重要的细节,例如异步操作的异常情况、then 方法返回的是一个新的 Promise 等等。如果您需要在生产环境使用 Promise,请使用原生的 Promise 或第三方库。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值