promise

1、`什么是promise？`

promise是异步编程的一种解决方案，是回调的升级版，在处理需要花费一段时间的任务时，使用promise,就可以进行异步操作，防止阻塞，

2、 `这里先说一下什么是回调函数`

:回调函数，以函数作为参数传入到另一个函数中调用,举个栗子：

<template><div class="content"><button @click="clickBtn" class="btn">点击</button></div>
</template><script>
export default {name: "msg",data() {return {};},methods: {clickBtn() {this.a(this.b);},// 回调函数b(value) {console.log(`${value}是紫色的`);console.log("1");},a(callback) {let value = "葡萄";console.log("先定义value的值,再作为参数传给回调函数");callback(value);},},
};
</script><style scoped>
.content {display: flex;justify-content: center;padding-top: 20px;
}
.btn {height: 30px;width: 60px;
}
</style>

3、举一个Promise 相关的例子

<template><div class="content"><button @click="clickBtn" class="btn">点击</button></div>
</template><script>
export default {name: "msg",data() {return {fishValue: true,};},methods: {clickBtn() {let dinner = new Promise((resolve, reject) => {if (this.fishValue) {resolve("吃鱼");} else {reject("吃面条");}});dinner.then((value) => {console.log(`晚饭我决定${value}`);}).catch((value) => {console.log(`晚饭我决定${value}`);}).finally((value) => {console.log("吃完饭去爬泰山");});},},
};
</script><style scoped>
.content {display: flex;justify-content: center;padding-top: 20px;
}
.btn {height: 30px;width: 60px;
}
</style>

什么是promise？什么是回调函数？相关推荐

js异步解决方案 --- 回调函数 vs promise vs generater/yield vs async/await
javascript -- 深度解析异步解决方案高级语言层出不穷, 然而唯 js 鹤立鸡群, 这要说道js的设计理念, js天生为异步而生, 正如布道者朴灵在 node深入浅出--(有兴趣的可以读一 ...
Promise 对象异步 then 回调函数
Promise 对象概述 Promise 对象是 JavaScript 的异步操作解决方案,为异步操作提供统一接口.它起到代理作用(proxy),充当异步操作与回调函数之间的中介,使得异步操作具备同 ...
Promise对象的resolve回调函数和reject回调函数使用
Promise是ES6中用来结局回调地狱的问题的但是并不能帮我们减少代码量 Promise是一个构造函数 new Promise() 得到一个Promise一个实例在Promise上有两个函数分别是 ...
promise和回调函数 js
promise和回调函数 js 一. 过去使用回调函数嵌套,会进入回调函数地狱,不利于开发人员维护,如下代码是回调嵌套: //这就是所谓的回调嵌套,testOne执行完之后在他的回调函数中执行test ...
【JavaScript】【5】定时器（包含回调函数与Promise）
文章目录前言一.回调函数二. Promise promise对象 Promise对象的生成加载图片写成一个Promise 三.定时器与清除定时器的方法四.京东购物车倒计时案例五.发送验证码 ...
JavaScript 回调函数/Promise/ async/await
并发和并行并行和并发是两个概念,容易混淆是因为并行和并发在中文意思上相近,其实在英文中,这是完全不相同的东西,并行(parallelism).并发(concurrency). 并行(parallel ...
javascript之异步操作理解---回调函数，async，await以及promise对象
javascript之异步操作理解---回调函数,async,await以及promise对象概述概述写在前面:虽然平时做项目,但是发现自己写的代码还是很烂.最近接触了一个对性能要求比较高的项目 ...
nodejs回调函数理解
回调实例问题:想要得到一秒后计算出的结果 //错误写法function add(x,y) {console.log(1);setTimeout(function () {console.log(2 ...
如何用JavaScript的回调函数做出承诺
by Adham El Banhawy 由Adham El Banhawy 如何用JavaScript的回调函数做出承诺 (How to make a Promise out of a Callbac ...

什么是promise？什么是回调函数？

promise

1、`什么是promise？`

2、 `这里先说一下什么是回调函数`

3、举一个Promise 相关的例子

什么是promise？什么是回调函数？相关推荐

最新文章

热门文章

什么是promise？什么是回调函数？

promise

1、什么是promise？

2、 这里先说一下什么是回调函数

3、举一个Promise 相关的例子

什么是promise？什么是回调函数？相关推荐

最新文章

热门文章

1、`什么是promise？`

2、 `这里先说一下什么是回调函数`