开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

为什么Vuex的操作返回promise<pending>？

Vuex的操作返回promise<pending>的原因是因为Vuex的操作是异步的，而promise是用于处理异步操作的一种机制。当我们在Vuex中进行一些异步操作时，比如发送网络请求或者执行一些耗时的操作，我们可以使用promise来处理这些异步操作的结果。

返回的promise对象可以用于链式调用，可以在异步操作完成后执行一些额外的操作，比如更新页面的数据或者执行其他的异步操作。promise对象有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。当异步操作还在进行中时，promise的状态为pending；当异步操作成功完成时，promise的状态变为fulfilled，并返回异步操作的结果；当异步操作失败时，promise的状态变为rejected，并返回错误信息。

在Vuex中，我们可以通过使用异步操作来修改状态，比如在actions中发送网络请求获取数据，然后在mutations中更新状态。当我们在actions中执行异步操作时，可以返回一个promise对象，以便在异步操作完成后执行一些额外的操作。这样可以保证在异步操作完成之前，我们可以对状态进行一些处理，比如显示加载中的状态或者禁用按钮等。

总结起来，Vuex的操作返回promise<pending>是为了处理异步操作的结果，并且可以在异步操作完成后执行一些额外的操作。这样可以更好地管理和控制状态的变化，提高应用程序的可维护性和用户体验。

推荐的腾讯云相关产品：腾讯云云函数（Serverless Cloud Function），腾讯云云数据库（TencentDB），腾讯云云服务器（CVM），腾讯云云原生容器服务（Tencent Kubernetes Engine，TKE）。

腾讯云云函数（Serverless Cloud Function）：https://cloud.tencent.com/product/scf 腾讯云云数据库（TencentDB）：https://cloud.tencent.com/product/cdb 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm 腾讯云云原生容器服务（Tencent Kubernetes Engine，TKE）：https://cloud.tencent.com/product/tke

相关搜索:Axios console.log数据但返回Promise <pending>Javascript:使用Promise时的奇怪行为，异步等待，返回"Promise <pending>“mongoose listCollections()不返回集合名称，而是返回一个promise pending node.js函数返回Promise { <pending> }，为什么？NodeJS Async/Await不等待(返回Promise pending)Vuex promise reject返回未定义一次函数返回Promise {<pending>}为什么"Promise { <pending> }“没有解析？为什么axios返回"Promise { <state>："pending“}”为什么异步函数在控制台中返回Promise <pending>错误

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

nodejs -- promise的返回

[javascript] view plain copy const a = async () => { return Sequelize.findAll({}) //这里返回一个promise...; //这样就能拿到数据了 } OR [javascript] view plain copy const a = async () => { return new Promise...OR [javascript] view plain copy const a = async () => { return Sequelize.findAll({}) //这里返回一个...promise } a().then(result=>{ console.log(result) //拿到了数据 })

1.3K3 0

为什么 Vuex 的 mutation 和 Redux 的 reducer 中不能做异步操作？

vuex 一条重要的原则就是要记住 mutation 必须是同步函数请看例子 mutations: { someMutation (state) { api.callAsyncMethod...然而，在上面的例子中 mutation 中的异步函数中的回调让这不可能完成：因为当 mutation 触发的时候，回调函数还没有被调用，devtools 不知道什么时候回调函数实际上被调用——实质上任何在回调函数中进行的状态的改变都是不可追踪的...Redux 先从Redux的设计层面来解释为什么Reducer必须是纯函数如果你经常用React+Redux开发，那么就应该了解Redux的设计初衷。...Redux的设计参考了Flux的模式，作者希望以此来实现时间旅行，保存应用的历史状态，实现应用状态的可预测。...所以整个Redux都是函数式编程的范式，要求reducer是纯函数也是自然而然的事情，使用纯函数才能保证相同的输入得到相同的输入，保证状态的可预测。

2.8K3 0

Vue面试题-03

这种在缓冲时去除重复数据对于避免不必要的计算和 DOM 操作是非常重要的。nextTick方法会在队列中加入一个回调函数，确保该函数在前面的dom操作完成后才调用。...let pending=false; let callBacks=[];//存放的是回调函数，存放的第一个回调函数是数据更新的回调函数 //调用this....cb && typeof Promise !...每一个 Vuex 应用的核心就是 store（仓库）。...Getter：在 store 中定义“getter”（可以认为是 store 的计算属性），就像计算属性一样，getter 的返回值会根据它的依赖被缓存起来，且只有当它的依赖值发生了改变才会被重新计算

2.5K1 0

面试题-为什么要使用Promise，Promise的优点

1.指定回调函数的方式更加灵活: 旧的: 必须在启动异步任务前指定 promise: 启动异步任务 => 返回promie对象 => 给promise对象绑定回调函数(甚至可以在异步任务结束后指定...).then(successCallback, failureCallback); 可以在异步操作完成后再指定回调函数 setTimeout(() => { promise.then(successCallback..., failureCallback) }, 3000) 2.支持链式调用（将异步操作以同步操作的流程表达出来）, 可以解决回调地狱问题什么是回调地狱?...当处于pending状态时，无法得知目前进展到哪一个阶段（刚刚开始还是即将完成） const someAsyncThing = function() { return new Promise(function...这就是说，Promise 内部的错误不会影响到 Promise 外部的代码，通俗的说法就是“Promise 会吃掉错误”。

5552 0

JavaScript的异步操作（Promise）

一、Promise 是什么？ Promise 是一个用于绑定异步操作与回调函数的对象，让代码更易读且更合理。 1、简单实例 <!...--- 2、创建 Promise 对象通过 new 来创建 Promise 对象，当异步操作成功后调用 resolve 来改变 Promise对象的状态；失败后就调用 reject 。...--- 2、Promise.reject() 返回一个带有拒绝原因的 Promise 对象。...--- 4、Promise.race() 同时等待多个 Promise 对象，但只采用其中最先返回的 Promise 对象。...await 只有用于异步函数才起作用，基于 promise 的函数之前加上 await ，代码会在此行暂停，直到 promise 操作完成，当然其他代码可以继续执行。

1.3K5 1

then, catch, finally如何影响返回的Promise实例状态

阅读本文前，您应该对Promise有一些基本认识，比如： Promise有pending, fulfilled, rejected三种状态，其决议函数resolve()能将Promise实例的状态由pending...转为fulfilled，其决议函数reject()能将Promise实例的状态由pending转为rejected。...返回的新Promise实例p1的状态会取决于p2。...的情况，并且也会返回一个新的Promise实例。...你可以通过修改以下代码中的注释部分来验证，不同的返回值对于finally返回的Promise实例的状态的影响。

1.1K1 0

vue面试题总结(二)

如果请求来的数据不是要被其他组件公用，仅仅在请求的组件内使用，就不需要放入 vuex 的 state 里如果被其他地方复用，请将请求放入 action 里，方便复用，并包装成 promise 返回 18...1.Promise是异步编程的一种解决方案，它是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。...Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。...promise对象是一个构造函数，用来生成Promise实例； 2.promise的两个特点对象状态不受外界影响 && 一旦状态改变，就不会再变，任何时候都可以得到结果（pending状态–>fulfilled...|| pending–>rejected） 29.axios的特点有哪些？

1.5K4 0

10.Vuex组件中的mapState、mapGetters、mapMutations、mapActions等辅助函数

//mapState 函数返回的是一个对象 //ES6 对象展开运算符...mapState(['count']) export default{ computed:{ ......:{ increment(state,obj){ state.count += obj.num; } } 3.使用常量替代 Mutation 事件类型 1.为什么要用常量替代...如果异步操作数据了，组件在commit 后，数据不能立即改变，而且不知道什么时候会改变。处理异步操作，可在一下的actions中进行。...①Promise实现 Promise是一种异步方案它有3种状态：Pending(进行中)、Resolved(已完成)、Rejected(已失败)。...//使用Promise实现的关闭定时器方案： export default new Vuex.Store({ actions:{ actionA({state,commit}){

1.2K1 0

从 Promise 对象讲解事件循环机制

我们可以简单的把它理解为一个容器，它里面装的是一个异步操作（某个未来才会结束的事件）的结果。 Promise 操作后返回的对象还是一个新的 Promise 对象。...Promise主要有以下特点： 1 Promise对象状态不受外界影响，它有三种状态： pending：进行中 fulfilled：已成功 rejected：已失败只有异步操作的结果才能确定当前处于哪种状态...Promise接收一个函数作为参数，函数里有resolve和reject两个参数: 1. resolve方法的作用是将Promise的pending状态变为fulfilled，在异步操作成功之后调用，...2. reject方法的作用是将Promise的pending状态变为rejected，在异步操作失败之后调用，可以将异步返回的结果作为参数传递出去。...Promise的all方法提供了并行执行异步操作的能力，并且在所有异步操作都执行完毕后才执行回调，只要其中一个异步操作返回的状态为rejected那么Promise.all()返回的Promise即为rejected

1.8K3 0

那些高级前端是如何回答面试题的_2023-02-24

rejected 状态的新 Promsie，且它的值是第一个 rejected 的 Promise 的值；只要有一个 Promise 是 pending，则返回一个 pending 状态的新 Promise...：所有 Promise 的状态都变化了，那么新返回一个状态是 fulfilled 的 Promise，且它的值是一个数组，数组的每项由所有 Promise 的值和状态组成的对象；如果有一个是 pending...状态的，则返回第一个是 fulfilled 的新实例；其他情况都会返回一个 pending 的新实例；Promise.any = function(promiseArr) { let index...为什么 Vuex 的 mutation 中不能做异步操作?...5、modules => 模块化Vuex1、Vuex中所有的状态更新的唯一途径都是mutation，异步操作通过 Action 来提交 mutation实现，这样可以方便地跟踪每一个状态的变化，从而能够实现一些工具帮助更好地了解我们的应用

4663 0

vue高频面试题合集（四）附答案

$options.el); }};Vue为什么没有类似于React中shouldComponentUpdate的生命周期？...(官方不推荐在实际业务中使用，但是写组件库时很常用)$refs 获取组件实例envetBus 兄弟组件数据传递这种情况下可以使用事件总线的方式vuex 状态管理谈一下对 vuex 的个人理解vuex...，判断如何对这些新老节点的子节点进行操作（diff核心）。...== "undefined") { // 如果支持promise const p = Promise.resolve(); timerFunc = () => { p.then(flushCallbacks...pending) { // 如果多次调用nextTick 只会执行一次异步等异步队列清空之后再把标志变为false pending = true; timerFunc(); }}

6924 0

js异步处理方案

Promise是CommonJS工作组提出的一种规范,可以获取异步操作的消息，也是异步处理中常用的一种解决方案。...Promise有三种状态：等待pending、成功fulfied、失败rejected；状态一旦改变，就不会再变化，在Promise对象创建后，会马上执行。...Promise是CommonJS工作组提出的一种规范,可以获取异步操作的消息，也是异步处理中常用的一种解决方案。...Promise有三种状态：等待pending、成功fulfied、失败rejected；状态一旦改变，就不会再变化，在Promise对象创建后，会马上执行。...Generators/yield Generators是ES6提供的异步解决方案，它是一个状态器，调用Generator函数返回一个遍历器对象，优缺点：jei

2.8K2 0

vue高频面试题合集（二）附答案

pending) { // 如果多次调用nextTick 只会执行一次异步等异步队列清空之后再把标志变为false pending = true; timerFunc(); }}...vue 中使用了哪些设计模式1.工厂模式 - 传入参数即可创建实例虚拟 DOM 根据参数的不同返回基础标签的 Vnode 和组件 Vnode2.单例模式 - 整个程序有且仅有一个实例vuex 和 vue-router...的缓存特性，避免每次获取值时，都要重新计算；当我们需要在数据变化时执行异步或开销较大的操作时，应该使用 watch，使用 watch 选项允许我们执行异步操作 ( 访问一个 API )，限制我们执行该操作的频率...优点：保证性能下限：框架的虚拟 DOM 需要适配任何上层 API 可能产生的操作，它的一些 DOM 操作的实现必须是普适的，所以它的性能并不是最优的；但是比起粗暴的 DOM 操作性能要好很多，因此框架的虚拟...$store.commit('SET_NUMBER',10)v-for 为什么要加 key如果不使用 key，Vue 会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的算法。

9813 0

2023前端面试知识点总结_2023-02-24

当试图引用对象的属性时会出发get操作，第一步时检查对象本身是否有这个属性，如果有就使用它，没有就去原型中查找。...catch方法，都会触发Promise.all()方法返回的新的实例的catch方法，如果参数中的某个实例本身调用了catch方法，将不会触发Promise.all()方法返回的新实例的catch方法...，会直接返回一个fulfilled状态的 Promise 对象。...③Promise 与回调对比解决了回调地狱的问题，将异步操作以同步操作的流程表达出来。...也可以使用验证码，避免脚本伪装成用户执行一些操作。

7512 0

社招前端二面面试题

rejected 状态的新 Promsie，且它的值是第一个 rejected 的 Promise 的值；只要有一个 Promise 是 pending，则返回一个 pending 状态的新 Promise...：所有 Promise 的状态都变化了，那么新返回一个状态是 fulfilled 的 Promise，且它的值是一个数组，数组的每项由所有 Promise 的值和状态组成的对象；如果有一个是 pending...状态的，则返回第一个是 fulfilled 的新实例；其他情况都会返回一个 pending 的新实例；Promise.any = function(promiseArr) { let index...对于 || 来说，如果条件判断结果为 true 就返回第一个操作数的值，如果为 false 就返回第二个操作数的值。...&& 则相反，如果条件判断结果为 true 就返回第二个操作数的值，如果为 false 就返回第一个操作数的值。

7442 0

基于 Vuex 的时移操作（撤回恢复）实现

用 vuex 实现的原理其实很简单，一句话就可以概括：维护一个 state快照的历史记录数组和当前索引值， undo 和 redo 分别对应索引的回退（backward）的前移（forward）。...搭配源码@bugonly/vuex-undo-redo阅读口味更佳。...时移操作的作用域这一点就很简单了，编辑器是应用的一个模块，在 vuex 中是 store 的一个 module，所以时移操作的插件函数在订阅 mutations 时需要判断 mutation-type...: string[]; /** * 过滤器，返回 false 时不执行后续逻辑 * 使用 filter 可以编写更复杂的过滤逻辑 * @param mutation * @param...其实有很多种解决方案，最简单的就是每个 sheet 在 vuex store 对应一个 module，然后为每个 module 单独维护一个操作历史栈，这属于暴力解法，简单有效但很挫。

1.3K2 0

前端基础知识1

\Roaming\Typora\typora-user-images\1610199121539.png)] 5、为什么vue里面，组件的data需要返回一个函数？...vuex 1 vuex有哪几种状态和属性有五种，分别是 State、 Getter、Mutation 、Action、 Module （就是mapAction等） vuex的流程页面通过mapAction...） 3 vuex的Getter特性是？ ...三、Action 可以包含任意异步操作 5 vuex的优势 1 状态管理工具核心是响应式的做到数据管理一个页面发生数据变化。...(iterable) 方法返回一个 Promise 实例，此实例在 iterable 参数内所有的 promise 都“完成（resolved）”或参数中不包含 promise 时回调完成（resolve

1.2K2 0

2021前端面试必备题+答案

Virtual Dom 的优势」其实这道题目面试官更想听到的答案不是上来就说「直接操作/频繁操作 DOM 的性能差」，如果 DOM 操作的性能如此不堪，那么 jQuery 也不至于活到今天。...所以面试官更想听到 VDOM 想解决的问题以及为什么频繁的 DOM 操作会性能差。...catch方法，都会触发Promise.all()方法返回的新的实例的catch方法，如果参数中的某个实例本身调用了catch方法，将不会触发Promise.all()方法返回的新实例的catch方法...，会直接返回一个fulfilled状态的 Promise 对象。...③Promise 与回调对比解决了回调地狱的问题，将异步操作以同步操作的流程表达出来。

7863 0

为什么我的递归函数返回None

问：我有一个调用自己的函数: def get_input(): my_var = input('Enter "a" or "b": ') if my_var !...Type "a" or "b": a got input: None 我不明白为什么 get_input() 函数返回的是 None，因为它本应只返回 my_var。这个 None 是从哪里来的？...我该如何修复我的函数呢？答：它返回 None 是因为当你递归调用它时: if my_var != "a" and my_var !...没有返回那个值。因此，尽管递归确实发生了，但返回值却被丢弃了，然后你会从函数末尾退出。...Python3 documentation 因此，除了在 if 语句中调用 get_input() 之外，还需要返回递归调用返回的内容。

891 0

为什么vuex的Mutations是同步，而Actions是异步

本文是一篇笔者记录vuex关于mutations与actions的笔记。正文开始......避坑如果使用vue-cli2模版搭建的基础项目，注意，如果使用vue版本是2，当你默认安装vuex肯定是4.x版本了，这里需要注意的是，你要降低vuex版本到3.x版本，不然store挂载不到vue上...总结灵魂拷问，为什么会有actions中是异步，而mutations是同步,从官方解释来看，修改state数据必须只能mutations中修改，而假设mutions内部有异步，那么会带来devtool...只集中干一件事，直接修改state值 actions是异步操作的，actions中可以有多个异步操作，但是最终的结果依然是交给mutations去修改的，也就是说actions中异步操作的副作用统一交给了...mutations去记录多个异步任务可以在actions中触发，dispatch('xxx')返回的是一个Promise 本文code example[2] 参考资料 [1]vuex： https:/

2.1K2 1

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭