new Promise(resolve => { console.log('promise'); resolve(5); }).then(value=>{ console.log('the...

最新推荐文章于 2024-07-22 15:39:55 发布

不吃香菜的鱼

最新推荐文章于 2024-07-22 15:39:55 发布

阅读量415

点赞数

文章标签： javascript 前端 vue.js typescript npm

本文链接：https://blog.csdn.net/weixin_42591908/article/details/129510948

版权

这段代码的执行结果为：

输出 "promise"
调用 func1，输出 "func1"
设置了一个 setTimeout 函数，在一段时间后，输出 "setTimeout"
Promise 的 resolve 函数被调用，传入值为 5，输出 "then回调 5"

注意：setTimeout 是异步执行的，所以不能确定它具体在什么时候输出，但是它一定是在 func1 之后执行。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

不吃香菜的鱼

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

vue new Promise((resolve) =＞ {...})的作用

向宇

03-31

1499

在 Promise 对象上调用 then() 方法，以附加一个将结果记录到控制台的回调函数。还调用了 catch() 方法，以附加一个将任何错误记录到控制台的回调函数。然后在 Promise 对象上调用 then() 方法，以附加一个回调函数，该函数将在 Promise 被满足时调用。这意味着 getFirstGuilds 函数是异步调用的，并且在异步操作成功完成时调用 resolve 函数。resolve 函数是一个回调函数，当 Promise 被满足时，即异步操作成功完成时，将调用该函数。

其实你不知道 Promise.then

小王的技术库

11-10

1425

你真的完全知道Promise的执行顺序吗，如果你只通过 [Promise A+ 规范]了解promise，你一定不能完全理解Promise，不信的话你来看看下面这道题// 如果注释这一行，结果又会是什么呢}).then(() => {console.log(4);});});如果你不能清晰的说出这两种情况的过程，这篇文章一定对你有帮助。Promise 基本语法事件循环模型微任务显示指定类型为promise作为返回值，会引起js 解析引擎额外的处理过程，在时间顺序上完全等同于插入两个 then。

参与评论您还未登录，请先登录后发表或查看评论

Promise.resolve()与new Promise(r => r(v))

仗剑天涯，从摘要开始

03-13

5305

Promise.resolve方法的参数分成四种情况。参数是一个 Promise 实例如果参数是 Promise 实例，那么Promise.resolve将不做任何修改、原封不动地返回这个实例。这是一个特殊的情况会和另一种new Promise(r => r(v))产生不一样的效果，最后说明参数是一个thenable对象 thenable对象指的是具有then方法的对象，比如下...

new Promise((reslove, reject) =＞ {})的基本概念

热门推荐

次顶级的博客

12-16

1万+

把一个普通对象转为成功的Promise对象

new Promise()以及其参数

kevin的博客

07-19

1万+

阅读vue-element-admin-4.2.1的代码时，记录一下js的方法。

（基础）Promise的resolve参数

次顶级的博客

12-12

2869

Promise的resolve传入参数的几种情况

const mainPost = (row, i) => { console.log(row, "主岗位触发"); change(row) Position(row) console.log(list.value, '----'); form.value.userPosts.forEach(item => { item.isMasterJob = "0" }); form.value.userPosts[i].isMasterJob = "1" if (list.value[row.postId] === "1") { getMasterJob(row.postId).then(res => { if (res.data !== null) { dialogVisible.value = true existence.value = res.data } }) } } 用promise方法如何先执行change(row)在执行 Position(row)在执行下面代码

07-12

console.log(list.value, '----'); form.value.userPosts.forEach(item => { item.isMasterJob = "0"; }); form.value.userPosts[i].isMasterJob = "1"; if (list.value[row.postId] === "1") { return ...

一道promise的题

Voiceu的博客

05-29

1470

Promise.resolve().then(() => { console.log(0); return Promise.resolve(4); }).then((res) => { console.log(res) }) Promise.resolve().then(() => { console.log(1); ...

修改这段代码，使第一个定时任务先执行，第一个定时任务执行完之后，开始执行第二个定时任务，并且第二个定时任务执行时，第一个定时任务不再开启。 findBlue(){ var _this = this; wx.startBluetoothDevicesDiscovery({ allowDuplicatesKey: false, interval: 0, success:(res) => { console.log("搜索蓝牙设备成功...") setTimeout(function(){ _this.getBlue() },500) }, fail: (res) => { console.log('搜索附近的蓝牙设备失败') console.log(res) } }) }, // 3.搜索蓝牙设备之后，需要获取搜索到的蓝牙设备信息 getBlue(){ var _this = this; wx.getBluetoothDevices({ success: (res) => { console.log(res) if(res.devices.length > 0){ for (var i = 0; i < res.devices.length; i++){ // 判断里面是否有我想要的蓝牙设备 if (res.devices[i].name === this.data.inputValue || res.devices[i].localName === this.data.inputValue){ console.log("name:"+res.devices[i].name) this.setData({ isFound: true, deviceId: res.devices[i].deviceId }) //扫描到目标设备之后关闭蓝牙搜索 wx.stopBluetoothDevicesDiscovery({ success: (res) => { console.log('扫描到目标设备之后关闭蓝牙搜索'); setTimeout(function(){ _this.connetBlue(_this.data.deviceId);//4.0 },500) } }) // this.connetBlue(res.devices[i].deviceId);//4.0 return; } } } console.log("重新找....") var time = setTimeout(function(){ if(_this.data.isFound == false && _this.data.isTui == false && _this.data.isTip == false){ console.log("执行任务1==================") _this.findBlue() } },500) setTimeout(function(){ console.log("执行任务2---------------------") clearTimeout(time) console.log("清除time定时任务") console.log("isFound:",_this.data.isFound) console.log("isTui:",_this.data.isTui) console.log("isTip:",_this.data.isTip) if(_this.data.isFound == false && _this.data.isTui == false && _this.data.isTip == false){ console.log("重新打开适配器") wx.openBluetoothAdapter({ success: (res) => { console.log('初始化蓝牙设备成功') //获取适配器状态 wx.getBluetoothAdapterState({ success(res) { setTimeout(function(){ _this.findBlue();//2.0 },800) } }) } }) } }, 3000) }, fail: () =>{ console.log("搜索蓝牙设备失败") } }) },

05-25

return new Promise((resolve, reject) => { wx.startBluetoothDevicesDiscovery({ allowDuplicatesKey: false, interval: 0, success: (res) => { console.log("搜索蓝牙设备成功..."); wx....

js——promise用法

leilei7407的博客

06-20

1683

.1.promise基本用法 <script> const promise =new Promise((resolve,reject)=>{ console.log(1); resolve(5); console.log(2) }).then(val=>{ console.log(val); }); pro

图解Promise面试题：说出代码执行结果

doomliu的博客

05-14

1457

一、一个面试题先来看一个字节面试的真题 console.log(1); new Promise(resolve => { resolve(); console.log(2); }) .then(() => { console.log(3); }); setTimeout(() => { console.log(4); }, 0); console.log(5); 这是一个经典的promise的代码执行结果的面试题，下面我们说明一下这类题目应该如何解

ES6 --- Promise基础用法（resolve、reject、then、catch）详解一

xiaokanfuchen86的博客

01-22

5756

ES6— Promise基础用法详解 Promise是一个构造函数，它自身拥有all、reject、resolve这几个眼熟的方法，原型上有then、catch等同样熟悉的方法。所以，在开始一个Promise的时候，先new一个吧： let p = new Promise((resolve, reject)=> { setTimeout(()=> { resolve('执行完成') }, 1000) }) Prom..

《JavaScript》异步编程（三）深入浅出Promise

Oliver尹的博客

11-13

1270

前言 Promise啊Promise，前端的异步领域中一座不得不跨越的大山，虽然在实际的项目开发中对Promise的运用会太深入，但是它却又是一个衡量前端工程师技术水平的门槛，最直接的体现，现在如果出去面试，如果面试中不来点对于Promise的面试题，都不好意思说这个岗位招的是中高级，所以，今天我们来仔细聊聊Promise; 起因深入了解Promise，我们先得了解，为什么会有Promise，Promise的出现是为了解决什么问题，在解答这个问题之前，先看一段代码 $.ajax({ u

promise(5)promise.then()返回的新promise的结果状态由什么来决定

qq_43952245的博客

12-01

2639

简单表达 .由then()指定的回调函数执行的结果决定详细表达 2、详细表达: * 2.1、如果抛出异常：新的promise变为rejected,reason为抛出的异常 * 2.2、如果返回的是非promise的任意值，新的promise变为resolved，value为返回的值 * 2.3、如果返回的是另一个新的promise,此p...

Promise构造函数的Promise.resolve()方法

陈开心的博客

11-09

6555

Promise.resolve(value)方法返回一个由给定的value 决议的Promise对象。如果value的值为promise，返回这个promise；如果value的值是thenable(即，带有then方法的对象)，返回的Promise对象的最终状态由then方法执行决定；否则的话(即value为空，基本类型或者不带then方法的对象),返回的Promise对象状态为ful...

Promise

weixin_43117777的博客

02-07

134

Promise 是什么词语本意 ['promis] n.名词许诺；允诺；（有可能） MDN 中文 Promise 对象用于异步计算一个 Promise 表示一个现在、将来或永远不可能可用的值按照用途来解释主要用于异步计算可以将异步操作队列化，按照期望的顺序执行，返回复合预期的结果。可以在对象之间传递和操作Promise，帮助我们处理队列。 javaScript 包含大量异步操作 javascript 为检查表单而生。创造它的首要目标是操作DOM。所以，javaScript 的

setTimeout(()=>( console.log(4) }) new Promise(resolve => { resolve() console.log(1) }).then（（）=>{ console.log(3) }) console.log(2)的输出结果

05-23

这段代码存在语法错误，应该是： ``` setTimeout(() => console.log(4)) new Promise(resolve => { resolve() console.log(1) }).then(() => { console.log(3) }) console.log(2) ``` 输出结果为2 1 3 4。解析： 1. 当执行到 `setTimeout(() => console.log(4))` 时，会将 `console.log(4)` 放入任务队列中，等待下一轮事件循环执行。 2. 执行 `new Promise(resolve => { resolve() console.log(1) })` 时，会立即执行 `resolve()`，并将 `console.log(1)` 加入当前任务队列中。但是，由于 Promise 的特性，`console.log(3)` 会被放入微任务队列中，等待当前任务执行完毕再执行。 3. 执行 `console.log(2)`，输出 2。 4. 当前任务执行完毕，开始执行微任务队列中的任务，输出 1 和 3。 5. 进入下一轮事件循环，执行任务队列中的任务，输出 4。因此，最终输出结果为：2 1 3 4。