thenable的执行时机

已于 2024-10-11 15:32:01 修改
阅读量118 收藏
点赞数 1
文章标签： javascript
于 2024-10-11 15:26:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aexwx/article/details/142854225
版权

thenable执行只有2个时机

1.触发resolve()时,代码尚未注册then的内容,那么直到代码扫描到then那一行,才会把then的内容放进队列

2.先注册then,直到后期遇到resolve(),才会进入队列

视频教学

https://www.bilibili.com/video/BV12zsqeMEyt

大猫会长
关注
JS执行机制及async函数
qq_17561967的博客
08-09 1584
JavaScript运行时  在执行 JavaScript 代码的时候，JavaScript 运行时实际上维护了一组用于执行 JavaScript 代码的代理。每个代理由一组执行上下文的集合、执行上下文栈、主线程、一组可能创建用于执行 worker 的额外的线程集合、一个任务队列以及一个微任务队列构成。 1.事件循环(Event loops)  每个代理都是由事件循环驱动的，事件循环负责收集事件（包括用户事件以及其他非用户事件等）、对任务进行排队以便在合适的时候执行回调。然后它执行所有处于等待中的 Java
Javascript关于promise的学习和运行时机
bangrenzhuce的博客
04-05 1849
Javascript关于promise的学习和运行时机
手写轮子系列二 —— 手写完整版 ES6 Promise
我是张跑跑
10-28 411
ES6 Promise 相较于参照 Promises/A+ 规范完整地实现的 Promise 额外的增加了两个实例方法，七个静态方法，一起来实现看看吧！！
Promise
热门推荐
李刚的学习专栏
05-15 1万+
讲述Promise之前，先向大家推荐一个不错的关于Promise的学习资料JavaScript Promise迷你书（中文版） var promise = new Promise(function(resolve, reject) { resolve("示例"); }); promise.then(function(value) { console.log(value); }, fu
Promise 实例的方法简介
weixin_44161385的博客
06-27 950
Promise 实例的方法简介
深入理解Promise
javacabbagej的博客
04-05 188
Promise原理、实现Promise、Promise 的状态、fulfilled、rejected、pending
Promise和异步编程
weixin_30555515的博客
09-01 35
前面的话 　　JS有很多强大的功能，其中一个是它可以轻松地搞定异步编程。作为一门为Web而生的语言，它从一开始就需要能够响应异步的用户交互，如点击和按键操作等。Node.js用回调函数代替了事件，使异步编程在JS领域更加流行。但当更多程序开始使用异步编程时，事件和回调函数却不能满足开发者想要做的所有事情，它们还不够强大，而Promise就是这些问题的解决方案 　　Promise可以实现其他语言...
理解Promise规范
春华秋实
08-25 786
术语 Promise promise 是一个拥有 then 方法的对象或函数，其行为符合本规范； thenable 是一个定义了 then 方法的对象或函数，文中译作“拥有 then 方法”； 值（value） 指任何 JavaScript 的合法值（包括 undefined , thenable 和 promise）； 异常（exception） 是使用 throw 语句
【前端面试知识题】- 7. React
拉格朗日的学习笔记
10-08 1885
React就是Facebook的一个开源JS框架，专注的层面为View层，不包括数据访问层或者那种Hash路由（不过React 有插件支持），与Angularjs，Emberjs等大而全的框架不同，React专注的中心是Component，即组件。子传父是先在父组件上绑定属性设置为一个函数，当子组件需要给父组件传值的时候，则通过props调用该函数将参数传入到该函数当中，此时就可以在父组件中的函数中接收到该参数了，这个参数则为子组件传过来的值。而且，钩子是函数，更符合 React 函数式的本质。
[js基础篇]Promise是什么和EventLoop
weixin_44224510的博客
05-08 896
Promise 基础入门知识 文章目录Promise出现的原因回调地狱(Callback Hell)什么是回调函数回调函数的缺点如何解决回调函数参考资料复习完再问什么是Promise代码书写比较Promise 的特点Promise的常用APIPromise.prototype.thenPromise.prototype.catch()Promise.prototype.finally()Promise.resolve(value)Promise.reject(reason)Promise.all()Prom
Promises/A+规范
Moti.zhu的博客
06-10 326
原文链接 Promise 表示一个异步操作的最终结果，与之进行交互的方式主要是 then 方法，该方法注册了两个回调函数，用于接收 promise 的终值或本 promise 不能执行的原因。本规范详细列出了 then 方法的执行过程，所有遵循 Promises/A+ 规范实现的 promise 均可以本标准作为参照基础来实施 then 方法。因而本规范是十分稳定的。尽管 Promise/A+ 组...
一步步实现一个Promise
ChenLingZhi1115的博客
08-15 943
先执行整体的同步代码, 然后查看任务队列中,按照先进先出的原则: 2. 定义三种状态类型 3. 设置初始状态 4. 实现 resolve 和 reject 方法 5. 是不是发现咱们的promise少了入参, 咱们来加一下 入参是一个函数, 函数接收resolve和reject两个参数. 注意在初始化promise的时候, 就要执行这个函数, 并且有任何报错都要通过reject抛出去 6. 接下来来实现一下关键的then方法 1. then接收两个参数, onFulfilled 和 onR
Promise常用API
weixin_37722222的博客
09-04 1617
Promise 的常用 API 如下： Promise.resolve(value) 类方法，该方法返回一个以 value 值解析后的 Promise 对象 1、如果这个值是个 thenable（即带有 then 方法），返回的 Promise 对象会“跟随”这个 thenable 的对象，采用它的最终状态（指 resolved/rejected/pending/settled） 2、如果传入...
解释器、预处理、main函数
编程语言技巧经验分享
10-07 1245
解释器覆盖范围很广，不管是解释语言的运行时解释翻译器，还是操作系统自带脚本的解释器。
React中的refs是什么？
Front end development engineer
10-10 273
React 的众多优点之一是它抽象了处理真实 DOM 的复杂性。现在，我们无需手动查询元素、绞尽脑汁思考如何为这些元素添加类又或者是添加样式等，也无需为浏览器兼容性而苦恼，只需编写组件并专注于用户体验即可。然而，仍然有一些情况（虽然很少！）我们需要访问实际的 DOM。而当涉及到实际的 DOM 时，最重要的是要理解并学习如何正确使用 ref 以及 ref 周围的一切。
【JavaScript】移动色块案例 实现一个可以拖动并且在拖动过程中会自动改变颜色的色块（JS 事件监听器）
最新发布
m0_66584716的博客
10-11 853
- **移动色块**：用户可以通过鼠标按住并拖动页面上的红色方块（`#blocks`）。当用户按下鼠标左键时，色块开始跟随鼠标的移动而移动；当用户释放鼠标左键时，色块停止移动。 - **显示当前位置**：随着色块的移动，其当前的屏幕坐标（相对于浏览器窗口）会被实时更新，并显示在页面底部左侧的位置显示区域（`#positionDisplay`）中。 - **自动变色**：一旦用户开始拖动色块，系统就会每隔300毫秒随机改变一次色块的颜色。颜色的变化是通过调用 `getRandomColor()` 函数生成一个
Puppeteer自动化：使用JavaScript定制PDF下载
ip16yun的博客
10-08 782
Puppeteer 是一个强大的Node.js库，提供了对无头Chrome或Chromium的控制，可以用于生成网页快照、抓取数据、自动化测试等任务。其中，生成PDF文件是一个常见的需求，本文将通过使用Puppeteer展示如何自动化生成定制的PDF，并使用代理IP、设置user-agent、cookie等技术来增强自动化过程的灵活性与稳定性。为了更好地理解如何定制Puppeteer生成的PDF文件，我们提供一个生成A4纸张格式的网页PDF的实例。用户可以根据需求自定义输出的PDF格式或内容。
javascript中==和===有什么不同
qq_48763502的博客
10-09 404
这个运算符用于比较两个值是否相等，但会在必要时进行类型转换。当两个值的类型不同，JavaScript 会尝试将它们转换为相同的类型，然后再进行比较。
thenable 对象
09-17
### 回答1： 一个 thenable 对象是指一个具有 `then` 方法的对象，它的行为类似于 Promise 对象。换句话说，一个 thenable 对象可以被传递给 Promise 的构造函数中作为参数，也可以被 Promise.resolve() 方法转换成一个 Promise 对象。 例如，以下的对象就是一个 thenable 对象： ```javascript let thenable = { then: function(resolve, reject) { resolve(42); } }; ``` 当然，由于 Promise 对象本质上也是一个 thenable 对象，因此 Promise 对象也可以被传递给 Promise 的构造函数或者 Promise.resolve() 方法。 ### 回答2： thenable对象是指具有then方法的对象。在JavaScript中，Promise是其中一个常见的thenable对象，同时也是最常用的thenable对象类型。 具体来说，thenable对象是指具有一个then方法的对象。then方法接受两个参数，分别是成功的回调函数和失败的回调函数。当thenable对象的操作完成后，会调用其中的一个回调函数，如果成功则调用成功的回调函数，如果失败则调用失败的回调函数。 Promise是一种构建thenable对象的方式。Promise可以通过new关键字来创建，传入一个执行器函数作为参数。执行器函数接受两个参数，分别是resolve函数和reject函数。当Promise的操作完成后，会调用其中一个函数，如果成功则调用resolve函数，如果失败则调用reject函数。同时，Promise也具有then方法，可以用来注册成功和失败的回调函数。 使用thenable对象可以让异步操作更加灵活和方便。通过使用thenable对象，可以按照链式的方式依次执行一系列的异步操作，并且可以处理异常情况。同时，thenable对象的then方法也支持返回一个新的thenable对象，使得多个异步操作可以串行执行。 总而言之，thenable对象是指具有then方法的对象，是一种处理异步操作的方式。Promise是其中一种常见的thenable对象类型，通过使用thenable对象，可以更加方便地处理异步操作和异常情况。 ### 回答3： thenable 对象是指具有 then 方法的对象，该方法用于定义异步操作的结果处理方式。 在 JavaScript 中，Promise 是一种常见的 thenable 对象，它的 then 方法用于接收异步操作的结果。Promise 的 then 方法接收两个参数，第一个参数是处理成功结果的回调函数，第二个参数是处理失败结果的回调函数。当异步操作执行结束时，根据操作的状态，会调用相应的回调函数进行结果处理。 除了 Promise，还有其他自定义的 thenable 对象，它们也具有 then 方法，但与 Promise 不同的是，它们的 then 方法的实现可能与 Promise 的规范不完全一致。然而，只要一个对象具有 then 方法，并能够按照 then 的调用方式处理异步操作的结果，就可以被认为是一个 thenable 对象。 thenable 对象的出现使得开发者可以通过统一的方式处理各种异步操作的结果。不再需要为每种异步操作都编写独立的回调函数，而是可以通过调用 then 方法来处理异步操作的结果，提高代码的可读性和可维护性。 总之，thenable 对象是具有 then 方法的对象，用于定义异步操作的结果处理方式。它使得开发者可以通过统一的方式处理各种异步操作的结果，提高代码的可读性和可维护性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值