Vue学习记录（codewhy）前置内容ES6——Promise

已于 2022-05-10 15:51:54 修改
阅读量372 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Vue ES6 文章标签： vue es6
于 2022-05-09 10:36:28 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/spring0205/article/details/124633570
Promise作为异步编程的一种解决方案，常用于处理回调地狱。它允许我们优雅地组织异步代码，实现请求和处理的分离。Promise有三种状态：pending、fulfilled和rejected。在等待网络请求响应时，Promise处于pending状态。通过链式调用，我们可以更简洁地管理异步操作。Promise的使用能提高代码可读性和维护性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Promise

sync-同步
async-异步
是异步编程的一种解决方案——出现了“回调地狱”

什么情况下需要用到promise？
一般情况下是有异步操作的时候 使用promise对这个异步操作进行封装 在执行传入的回调函数的时候 会传入两个参数resolve和reject
在这里插入图片描述
可以写为这种写法
在这里插入图片描述
实现请求和处理的分离 让代码更加优雅

需要传递参数的时候
在这里插入图片描述

promise的三种状态

发送网络请求后 就是等待状态pending
在这里插入图片描述
promise的另一种写法
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

promise链式调用

在这里插入图片描述可以写为
在这里插入图片描述
简写为
在这里插入图片描述

Vue学习-codewhy课程认识vue,声明式，命令式，v-show,v-if,v-on绑定属性对象，绑定style演练，class,v-bind绑定属性，v-pre,v-html,methods,
VAN
12-11 351
vue课程学习codewhy课程
B站云E办Vue+SpringBoot前后端分离项目——搭建vue.js项目（一）
涵盖了计算机专业基础知识、数学建模相关实践、复杂网络论文研究、LeetCode算法刷题经验、C语言开发经验、前端Vue、React框架开发实战相关知识
05-01 3007
前后端之间通过 RESTful API 传递 JSON 数据进行交流。不同于 JSP 之类，后端是不涉及页面本身的内容的。在开发的时候，前端用前端的服务器（Nginx），后端用后端的服务器（Tomcat），当我开发前端内容的时候，可以把前端的请求通过前端服务器转发给后端（称为反向代理），这样就能实时观察结果，并且不需要知道后端怎么实现，而只需要知道接口提供的功能。 一、搭建vue.js项目 1.vue介绍 原生JS虽能实现绝大部分功能，但要么就是过于繁琐，要么就是存在缺陷，故绝大多数开发者都会首选
ES6之promise
weixin_34111819的博客
03-22 296
  ES6中的promise对象很早就听说过，据说是为了解决我们使用回调产生回调地狱的问题。今天下午既然有这么想学的欲望，就来看一看吧，当然参考的还是阮一峰老师的教程。 　　 第一部分：什么是Promise 　　看本文的最后一个例子，迅速理解。 　　Promise是ES6中的一个内置的对象（实际上是一个构造函数，通过这个构造函数我们可以创建一个Promise对象），它是为了解决异步问题的。...
ES6-Promise
光
07-28 535
Promise：ES6中异步编程的解决方案 ES5的异步解决方案：回调 ES5-回调 { // 基本定义 let ajax = function(callback) { console.log('执行'); setTimeout(() => { callback && callback.call(...
ES6-promise
weixin_34018202的博客
06-07 355
异步编程简述： 无论是在浏览器环境中还是在node环境中，我们都会使用JavaScript 完成各种异步操作，如在浏览器环境中的定时器、事件、ajax等或是node环 境中的文件读取、事件等。伴随着异步编程的就是回调机制（复习jQuery）。 明确一点异步编程避免不了回调。 let obj = {}; let fs = require('fs'); fs.readFile('./dat...
ES6------promise详解
weixin_40381947的博客
04-06 1101
1.promise其实就是一个对象或者说是构造函数2.promise的出现（es6） 就是解决异步编程和回调地狱等问题，async和await的出现（ES8）就是基于promise的一种解决异步编程的终极解决方案（简化代码等等）3.在前端中，ajax和axios都会用到异步编程，axios更是基于promise的，所以一定要掌握promise以及用async和await搭配promise的使用。
vue 完全入门系列 之 前置知识-API接口案例工程代码
08-16
参考博文：vue 完全入门系列 之 前置知识-ES6模块化/Promise/async|await/EventLoop/宏任务|微任务/API接口案例 Vue 开发的一些知识整理，方便后期遇到类似的问题，能够及时查阅使用。 本节开始进行 vue 入门系列...
vue学习笔记（超详细）
m0_67392126的博客
03-06 1070
文章目录 一. Vue基础 认识Vue.js Vue安装方式 Vue的MVVM 二. Vue基础语法 生命周期 模板语法 创建Vue, options可以放什么 语法 综合 v-on v-for遍历数组 v-model表单绑定 v-model结合radio类型使用 v-model结合checkbox类型使用 v-model结合select类型使用 值绑定 修饰符 检测数组更新 计算属性 computed 计算属性setter和getter computed / meth
若依Ruoyi-Vue学习笔记
三明治文鱼的博客
06-15 5996
学习开源项目的目标：使用、学习开源项目的流程：从Gitee官网复制url在IDEA中打开（后端），注意前端Vue项目需要额外使用一个idea打开。表：直接执行下的两个sql文件，在本地创建表数据源：修改配置文件中数据源配置使用Docker启动Redis修改Redis配置需要在中修改日志存放位置：启动admin中的springboot启动类 根据项目中的文件进行配置安装依赖，然后启动 2. 登陆功能 2.1 验证码 基本思路 简而言之：前端让后端出一道算术题，后端把题目告诉前端，并把答案放入后端的Redis中
Vue学习笔记
weixin_44062380的博客
03-14 2033
Vue Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。 有一些和Vue相关的概念： Soc：关注点分离原则 HTML + CSS + JS : 视图 ： 给用户看，刷新后台给的数据 网络通信 ： axios 页面跳转 ： vue-router 状态管理：vuex Vue-UI : ICE , Element UI 1、前端的核心概念 Vue概念 Vue (读音/vju/, 类似于view)是一套用于构建用户界面的渐进式框架，发布于2014年2月。与其它大型框架不同的是，Vue被设计为可以自底向
codewhy老师上课的笔记和课件
07-21
这是b站上codewhy老师的vue上课笔记以及课件，还有对应的代码，方便同学们学习的时候使用，如果需要的可以下载
codewhy:一个测试
03-20
chatroom1 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 自定义配置 请参阅。
Coderwhy新Vue3与Typescript课程资源_ppt_文档_源码
12-30
2021=2022年，Coderwhy新Vue3与Typescript课程资源_ppt_文档_源码
B站coderwhy老师Vue课程上课课件代码笔记资料
09-11
B站视频地址： https://www.bilibili.com/video/BV15741177Eh?from=search&seid=291894933216424179 B站视频是免费的，讲的很好，这里放一份资料，方便大家学习。
ES6 promise详解
qq_43955202的博客
12-03 1120
ES6 Promise 1.什么是promise？ ES6 中一个非常重要和好用的特性就是Promise promise 到底是做什么的呢？ promise 是异步编程的一种解决方案。 那什么时候我们回来处理异步事件呢？ 1.一种很常见的场景就是网络请求 2.我们分装一个网络请求的函数，因为不能立即拿到结果，所以不能像简单的3+4 = 7一样将结果返回。 3.所以我们往往会传入另外一个...
Vue基础知识总结 12：ES6 promise的用法总结
学Java，找哪吒
02-03 9863
vue在引用路径的时候可以用 ./ 的写法引用如下： import './api/index' 这个代表在相同文件下绝对路径的意思。项目中还有常见的@用法： import util from '@/assets/js/util' 这个@是在 webpack.base.conf.js 文件里配置的，找到下面这段话 resolve: { extensions: ['.js', '.vue', '.json'], alias: { '@': resolve('src'),
es6+webpack+vue项目实践
大灰狼的小绵羊哥哥的博客
10-12 4808
最近开发一个铜盘功能，用了以上的技术栈开发。有一些心得可以记录下来。包括写的模块的经验。 构建 后台是用java实现，使用velocity模板。目录结构 ---webapp |-----resource |--------init // 初始js文件 |--------src |-----------business // 业务vue组件 |------
打开Promise的正确姿势
IMWebteam的博客
11-23 1489
最近实践中需要用到大量的异步回调风格代码的编写，作者最近处于同步编程风格转为异步编程风格的状态。同时第一时间遇到了下面提到的代码，第一直觉就是该代码肯定有问题！但是问题在哪里有讲不出来，感觉非常蛋疼与疑惑。
html部分codewhy网课学习笔记
weixin_54327001的博客
03-02 603
day1 网页显示的过程和服务器 浏览器内核,也称为渲染引擎 head标签描述网页的原数据，如title shift+tab是向前缩进 div>ul>li可以快速生成 <div> <ul> <li></li> </ul> </div> 在早期,单标签如<input>也可写为<input/>or<input /> id跟cla
学习vue的前置知识
最新发布
09-08
在学习Vue之前，有几个前置知识是需要了解的。首先是基本的HTML、CSS和JavaScript知识，因为Vue是基于这些技术的。其次是对于模块化开发的理解，Vue使用了ES6模块化规范，如果想在Node.js中体验和学习ES6的模块化...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值