1.深入p-limit源码，码实如何限制并发数？
2.Async、码实Await 从源码层面解析其工作原理
3.从规范面解读:Promises/A+规范与浏览器Promise规范有何区别？
4.Promise原理详解（二）
5.微信小程序使用Promise
6.c++基础语法之future，码实promise，码实async详细讲解-SurfaceFlinger学习必备c++知识

深入p-limit源码，码实如何限制并发数？

       并发处理在现代编程中扮演着至关重要的码实system源码 C角色，尤其在异步操作和并行任务处理中。码实虽然JavaScript是码实单线程执行的，但它通过Promise.all等API实现了并发效果，码实允许同时处理多个异步操作。码实

       Promise.all是码实Promise库中的一个关键函数，它接受一个Promise数组作为参数。码实此函数会等待所有给定的码实Promise实例全部完成或其中一个失败，然后返回一个新Promise的码实数组结果。如果所有Promise都成功，码实则返回所有成功结果的数组；如果一个或多个Promise被拒绝，则返回第一个拒绝的Promise的reason。

       然而，有时并发操作需要被限制。过多的并发请求可能给服务器带来压力，影响性能。这时候，p-limit库就显得尤为重要，它允许我们为并发操作设置一个上限。

       p-limit提供了pLimit函数来定义并发限制。使用pLimit时，你可以传入一个数量参数，这个参数决定了同时可以执行的异步任务数量。函数返回一个新函数，该函数接收需要并发执行的异步任务。当执行队列中的任务数量达到上限时，新传入的任务会被加入队列，等待前面的任务释放资源后执行。

       p-limit的实现中，核心在于初始化一个计数器和一个任务队列。队列采用了yocto-queue库实现，它提供了一个基于链表的队列结构。在并发处理过程中，p-limit通过enqueue函数将异步任务入队，并在队列中管理任务的执行顺序和限制。

       enqueue函数负责将异步任务入队，同时对任务进行包装和控制，确保任务在队列中按顺序执行，且不会超过指定的并发限制。这通过使用async函数实现，macd周期循环源码以确保等待下一个微任务的到来，从而在异步更新的activeCount值上进行比较，以维持并发限制。

       在实际执行时，每个任务的执行由run函数控制。此函数在内部管理并发计数，并在任务完成后执行下一个任务，确保并发限制被严格遵守。enqueue、run和next三个函数协同工作，构成了p-limit中一个动态、有限的异步任务执行流程。

       此外，p-limit还包含了辅助函数用于管理任务状态，如获取当前执行任务数量（activeCount）、队列中等待任务数量（pendingCount）以及清空任务队列（clearQueue）。这些功能共同协作，确保并发处理既高效又可控。

       通过p-limit库，开发人员能够轻松实现异步操作的并发控制，优化性能并防止服务器过载。了解其内部机制，能更好地利用并发处理技术，提升应用响应速度和用户体验。

Async、Await 从源码层面解析其工作原理

       深入理解 Async 和 Await 的工作原理，往往需要从源码层面进行剖析。使用 Babel 进行转换后，可以清晰地发现 Async 和 Await 实际上借助了 switch-case 和 promise，实现对流程的控制。以一个使用 Async 和 Await 的函数为例，我们仅关注核心部分代码。

       经过 Babel 转换后的 name 函数，可以被拆分为三个主要部分：await 部分、return 部分以及 async 流程控制的结束部分（即 case "end"）。这个拆分使得流程控制变得更为直观。在流程控制中，每一步执行后，都会等待合适的时机进入下一次执行。

       这个“合适的时机”并非由 Async 内部决定，而是由执行的内容决定。例如，在发送异步请求后，只有在请求返回后才会进入下一个 case。狗子战法源码发布

       为了实现流程控制，需要借助 regenerator-runtime 这个 generator、Async 函数的运行时。它负责将 name 函数进行包装，并添加流程控制所需的信息。如 _context，以及用于流程控制的关键 helper，如 _asyncToGenerator 和 asyncGeneratorStep。通过这些辅助工具，再在 regenerator-runtime 的基础上进行一层包装，最终得到一个可以执行的函数。这个函数实际执行时，会调用封装后的函数。

       在封装后的函数中，async1、async2 等实际上是在执行最终的封装函数内部的调用。这里的第三步是 Async 函数的核心机制。在 Promise.resolve(value).then(_next) 中，value 是每个分段最后的 case 返回的值。如果 value 是一个 Promise，那么在它 resolved 后，会将其.then添加到微任务队列。如果 value 不是一个 Promise，则直接添加，因为.then是一个微任务，当执行到它时，会调用_next，从而开始执行下一个 case。

       经过转换后的代码展示了封装后的函数内容，最终执行的是封装后的函数，因此说 async1、async2 执行实际上是执行封装后的函数。在封装后的函数内部，会调用 async1、async2。

从规范面解读:Promises/A+规范与浏览器Promise规范有何区别？

       前言

       Promise是一种优秀的异步解决方案，其原生实现更是面试中的爆点，提到Promise实现，我们首先会想起Promises/A+规范，大多数教程中都是按照Promises/A+规范来实现Promise。

       小包也是Promises/A+圣经的执行者之一，但小包心中一直有个好奇，遵循Promises/A+规范实现的Promise与ES6-Promise能有什么区别呐？

       文章中的测试代码选取小包基于Promises/A+规范实现的原生Promise

       学习本文，你能收获:

       进一步完善原生Promise的牛咖源码下载实现

       更进一步理解Promise与microTask之间的关系

promise的成功值value

       Promises/A+规范只提供了value的定义，并没有详细说明如何处理不同类型的value值:

       “value”isanylegalJavaScriptvalue(including?undefined,athenable,orapromise).value可以是任意合法的JavaScript值，包括undefined、具备then接口的对象或者promise

       但ECMAScript规范对不同类型的value做了细致的处理。

       红框部分我们可以看出，ES6规范会根据resolution(相当于Promises/A+规范中的value)类型选取不同的执行方案。

       判断resolution是否为Object，如果不是，直接执行FulfillPromise

       如果是Object，试探是否存在then接口

       判断then是否可执行(abruptcompletion可以理解为非正常值)

       如果then可执行，将then方法放入事件队列中。

       PromiseResolveThenableJob:该job使用传入的thenable的then方法来解决promise。

       一句话总结上面的过程:如果value值为可thenable对象或者promise，ES6会采用该thenable的状态。

       小包举个栗子：

const?p?=?new?Promise((resolve)?=>?{ ?resolve(1);});const?p1?=?new?Promise((resolve)?=>?{ ?resolve(p);});p1.then((d)?=>?console.log(d));

       p1接收的成功值value为Promisep，p状态为fulfilled，这种情况下ES6中会采取p的状态及value，因此最终打印1。

       我们将p更换为具备thenable对象，结果也是类似的。

//?类?promise?对象const?p1?=?{ ?a:?1,?then(onFulfilled,?onReject)?{ onFulfilled(this.a);?},};const?p2?=?new?Promise((resolve)?=>?{ ?resolve(p1);});//?1p2.then((d)?=>?console.log(d));

       Promises/A+没有对此进行规范，因此当传入的value为thenable对象时，会原封不动的输出。

       那我们应该如何完善这部分代码呐？我们需要对value值进行解析，如果value可thenable，则采纳他的状态和值，递归进行上述步骤，直至value不可thenable。(这里与resolvePromise部分递归解析onFulfilled函数的返回值是类似的)

const?resolve?=?(value)?=>?{ ?if?(typeof?value?===?"object"?&&?value?!=?null)?{ try?{ ?const?then?=?value.then;?if?(typeof?then?===?"function")?{ return?then.call(value,?resolve,?reject);?}}?catch?(e)?{ ?return?reject(e);}?}?if?(this.status?===?PENDING)?{ this.value?=?value;this.status?=?FULFILLED;this.onFulfilledCallbacks.forEach((cb)?=>?cb(this.value));?}};Promise与microTask

       Promises/A+规范中其实并没有将Promise对象与microTask挂钩，规范是这么说的:

       Here“platformcode”meansengine,environment,andpromiseimplementationcode.Inpractice,thisrequirementensuresthat?onFulfilled?and?onRejected?executeasynchronously,aftertheeventloopturninwhich?then?iscalled,andwithafreshstack.Thiscanbeimplementedwitheithera“macro-task”mechanismsuchas?setTimeout?or?setImmediate,orwitha“micro-task”mechanismsuchas?MutationObserver?or?process.nextTick.Sincethepromiseimplementationisconsideredplatformcode,itmayitselfcontainatask-schedulingqueueor“trampoline”inwhichthehandlersarecalled.

       Promises/A+规范中表示then方法可以通过setTimeout或setImediate等宏任务机制实现，也可以通过MutationObserver或process.nextTick等微任务机制实现。

       但经过大量面试题洗礼的我们知道浏览器中的Promise.then典型的微任务。既然都学到这里了，小包索性就打破砂锅问到底，找到Promise与microTask挂钩的根源。

谁规定了Promise是microTask

       标准读起来属实有些无聊，但好在小包找到了最终的答案。

       首先小包先入为主的以为，Promise的详细规定应该都位于ECMAScript制定的规范中，但当小包进入标准后，全局搜索micro，竟然只搜索到三个Microsoft。讲实话，小包是震惊的，ECMAScript并没有规定Promise是指标源码数据microTask。

       ECMAScript规范中，最接近的是下面两段表达：

       The?host-defined?abstractoperationHostEnqueuePromiseJobtakesarguments?job?(a?Job?AbstractClosure)and?realm?(a?RealmRecord?or?null)andreturns?unused.Itschedules?job?tobeperformedatsomefuturetime.The?AbstractClosures?usedwiththisalgorithmareintendedtoberelatedtothehandlingofPromises,orotherwise,tobescheduledwithequalprioritytoPromisehandlingoperations.

       JobsarescheduledforexecutionbyECMAScripthostenvironments.ThisspecificationdescribesthehosthookHostEnqueuePromiseJobtoscheduleonekindofjob;hostsmaydefineadditionalabstractoperationswhichschedulejobs.SuchoperationsacceptaJobAbstractClosureastheparameterandscheduleittobeperformedatsomefuturetime.Theirimplementationsmustconformtothefollowingrequirements:

       上面两句话意思大约是:ECMAScript中将Promise看作一个job(作业)，HostEnqueuePromiseJob是用来调度Promise作业的方法，这个方法会在未来某个时间段执行，具体执行与Promise的处理函数或者与Promise处理操作相同的优先级有关。

       那何处将Promise规定为microTask呐？---HTML标准

       HTML标准中指出:

       JavaScriptcontainsan?implementation-defined?HostEnqueuePromiseJob(job,?realm)abstractoperationtoschedulePromise-relatedoperations.HTMLschedulestheseoperationsinthemicrotaskqueue.

       上述标准的最后一句话指出，HTML将在microqueue中安排这些操作。破案了，原来是HTML标准中将Promise规定为microTask。(为什么会是HTML进行规定，小包还没有探究出来)

       更深入的区别，请参考月夕大佬:V8Promise源码全面解读

后语

       我是?战场小包?，一个快速成长中的小前端，希望可以和大家一起进步。

       如果喜欢小包，可以在?掘金?关注我，同样也可以关注我的小小公众号——小包学前端。

       一路加油，冲向未来!!!

疫情早日结束人间恢复太平

       原文：/post/

Promise原理详解（二）

       在深入探讨Promise原理的第二部分中，我们继续从源码角度分析Promise的实现与使用。在上一节中，我们已了解了如何创建并赋值给Promise对象，以及在特定上下文下如何进行传递和调用。

       Promise的核心方法之一便是`then`，它定义了访问Promise当前值、最终值及异常处理的机制。`then`方法可以接受两个参数，即成功回调函数`onFulfilled`和错误回调函数`onRejected`，这两个函数是可选的。当参数不是函数时，会发生值穿透。重要的是，`then`方法只能调用一次，但可以多次调用`then`以实现链式调用。

       需要注意的是，`then`方法的返回结果必须是Promise对象。这意味着在调用`then`之后，返回的Promise对象将继承上一个`then`调用的返回值作为其参数传递给下一个`then`方法。

       以示例代码为例，第二个`then`方法将利用上一个`then`调用返回的值。

       接下来，我们将聚焦于`then`函数的内部实现，以深入理解其如何满足上述规范。

       `then`函数首先获取当前Promise对象，并创建一个名为`child`的Promise对象，然后返回这个`child`对象，确保遵循`then`方法必须返回Promise对象的规则。

       接下来的步骤涉及一系列判断和操作，这些操作主要围绕于确保Promise的生命周期和状态转换的正确性。首先，函数对`child`进行判断，若其未被初始化，便调用`makePromise`函数进行初始化。此步骤确保Promise对象的完整性。

       接着，获取当前`then`方法所访问的Promise对象的`_state`属性。这个属性反映了Promise的状态：执行、拒绝或等待。基于此状态，`then`方法执行不同的逻辑操作。

       当Promise处于执行或拒绝状态时，`then`方法会调用`invokeCallback`函数，执行相应的回调。而当Promise处于等待状态时，会调用`subscribe`函数，将回调函数添加至事件队列，等待Promise状态转换。

       以代码为例，当存在一个`setTimeout`函数并延迟毫秒时，Promise的状态为等待状态。此时，`subscribe`函数被调用，将回调函数添加至事件队列，等待`setTimeout`触发。

       `subscribe`接收四个参数：父级Promise对象、当前`then`方法返回的`child`对象、成功回调函数和拒绝回调函数。获取父级Promise的事件队列，并在队列尾部添加事件，确保回调函数的正确执行。

       之后，检查事件队列的长度和父级Promise的状态，若非等待状态，则执行`publish`函数，将父级Promise作为参数传递给`publish`函数。至此，Promise的事件队列准备就绪，静待`resolve`或`reject`函数的触发。

       在当前阶段，若`setTimeout`函数未返回值，事件队列已准备，静待Promise对象调用`resolve`或`reject`函数。这一阶段的流程梳理至此结束。

       接下来，我们深入探讨`resolve`方法及其执行流程。假设`setTimeout`函数已触发。在深入分析之前，我们先回顾之前的方法调用流程，并在代码中找出关键点。接下来的分析将集中在`resolve`方法的具体实现及其对事件队列的处理过程。

       当`resolve`函数被调用时，若其参数值是字符串类型，将直接进入`fulfill`函数。在`_subscribers`数组中，长度通常为3，因为已添加回调函数，`_subscribers`数组内容为`[child, callback(), null]`。

       接下来，执行`publish`函数，获取事件队列。这里巧妙之处在于，通过`_state`属性来定位执行回调函数，`FULFILL`状态对应`1`，`REJECTED`状态对应`2`，以此精确确定执行的回调函数。

       具体操作如下：第一个参数表示状态，第二个参数是Promise对象，第三个参数是回调函数，第四个参数是回调函数的参数。这里的`res`相当于第四个参数。

       首先，判断回调函数是否为函数。如果不是，将值赋给`detail`，实现值穿透。如果回调函数是函数，则通过`try-catch`捕获异常，若捕获到异常，则将`error`赋值，否则设置`successed`为真值。确保`value`不等于Promise对象本身，避免递归死循环。此时，第一个`then`函数的执行完毕。

       在上述分析的基础上，根据规范指导执行相应的操作。具体细节可参考相关文档。

       特别提到的是，`resolve`方法的递归调用及其对事件队列的清空过程。在特定情况下，若`value`是对象或函数，处理方式与前述情况类似。然而，第二种情况的详细解释将留待下一节深入探讨。

       在总结部分，我们简要介绍了`then`方法的其他分支，即当`_state`已经存在结果时，会立即执行`invokeCallback`函数，实现无回调情况下的即时结果返回。

       最后，我们讨论了`Promise`的`asap`函数，其在特定环境下执行回调函数，确保Promise逻辑的正确执行顺序。通过`asap`函数的逻辑判断，我们可以理解其在不同环境下的实现机制，确保Promise能够在多种环境和条件下保持一致性和高效性。

微信小程序使用Promise

       在微信小程序开发过程中，我曾遇到使用Promise的问题。官方示例中的cb虽然曾经让我们熟悉，但现在转向Promise是必要的，否则我难以接受，这让我辗转反侧，一整夜未眠。清晨，我便迫不及待地寻找解决方案。

       首先，尝试直接利用Promise，尽管在小程序环境中可行，但受浏览器支持范围的限制，不能保证所有环境都能顺利运行。为解决兼容性问题，我考虑引入第三方库，如bluebird或Q，这些库可以在不受浏览器依赖的情况下工作。

       开始行动，我选择使用bluebird，添加到项目结构中。然而，在App.js中尝试时，发现Promise并未被定义，尝试失败。这时，我开始深入探究。

       我怀疑是否因为小程序禁止加载第三方JS。但我不愿完全依赖自己的实现，于是回想起来，在logs.js中引入util.js的成功经验。小程序的加载机制并非CMD或AMD，而是有着独特的设计，类似Angular。每个js文件都有自己的包头和局部window对象，document可能并不总是可用。

       再次尝试引入Q，我注意到它支持多种加载方式，包括CommonJS和RequireJS。尽管如此，我仍未能在调试中找到使用第三方包的途径，因为小程序有自己的加载规则，这使得阅读bluebird源码时感到困惑。

       总结，要在微信小程序中使用Promise或者第三方库，需要理解和适应其独特的加载机制，这包括理解局部window对象和文档对象的限制，以及require函数和module对象的使用方式。这是一次对小程序内部机制的深入探索，也提醒我们在开发时要注意其特定的限制和优化策略。

c++基础语法之future，promise，async详细讲解-SurfaceFlinger学习必备c++知识

       在SurfaceFlinger源码分析中，我遇到了一些新的C++基础语法，比如future和promise。这些工具的引入，使得在多线程环境中访问异步操作的结果变得更加方便。

       传统上，在C++中，我们需要通过创建线程并使用`join`等待线程完成，然后将结果赋值给变量。这种过程相对繁琐。为了解决这个问题，C++引入了`std::future`来访问异步操作的结果。`future`类不能立即获取结果，而是在异步操作完成后，通过同步等待或者查询状态来获取结果。`future`的状态有三种：未开始（`future_status::deferred`）、已完成（`future_status::ready`）、超时（`future_status::timeout`）。

       `std::async`函数用于创建异步任务，结果保存在`future`对象中。当需要获取异步结果时，通过`future.get()`方法来完成。如果只关注任务完成，可以使用`future.wait()`方法。`async`函数的参数包括线程创建策略（如`std::launch::async`、`std::launch::deferred`）、要执行的函数和函数执行时需要传递的参数。

       `std::promise`类帮助线程赋值。在线程函数中，通过`promise`对象的`set_value`方法为外部传递的`promise`赋值。在任务完成后，可以通过`promise`对象关联的`future`获取设置的值。

       在实际应用中，`promise`和`future`的结合使得在多线程环境下访问异步操作的结果更加灵活。例如，在SurfaceFlinger源码中，`future`用于等待子线程执行完成，并通过`set_value`设置结果，`get`方法用于获取结果。这种结合使得源码分析更加简便。

       为了深入理解这些新语法，我查阅了相关文档，并实践了在SurfaceFlinger源码中的应用。同时，我还使用了性能分析工具如`perfetto`和`systrace`来验证代码的运行效果。这些实践不仅帮助我学习了C++的新语法，还加深了对SurfaceFlinger源码的理解。

       如果你对这些C++基础语法感兴趣，或者想要了解SurfaceFlinger源码的详细分析，可以参考我的视频教程，或者私聊我进行深入探讨。我的文章和视频内容涵盖了C++基础语法的学习，以及如何将其应用于实际的SurfaceFlinger源码分析。