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

原创 已于 2022-05-10 15:51:54 修改 · 388 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue #es6

于 2022-05-09 10:36:28 首次发布
Promise作为异步编程的一种解决方案，常用于处理回调地狱。它允许我们优雅地组织异步代码，实现请求和处理的分离。Promise有三种状态：pending、fulfilled和rejected。在等待网络请求响应时，Promise处于pending状态。通过链式调用，我们可以更简洁地管理异步操作。Promise的使用能提高代码可读性和维护性。

Promise

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

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

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

promise的三种状态

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

promise链式调用

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

vue 完全入门系列 之 前置知识-API接口案例工程代码
08-16
参考博文：vue 完全入门系列 之 前置知识-ES6模块化/Promise/async|await/EventLoop/宏任务|微任务/API接口案例 Vue 开发的一些知识整理，方便后期遇到类似的问题，能够及时查阅使用。 本节开始进行 vue 入门系列...
codewhy老师上课的笔记和课件
07-21
这是b站上codewhy老师的vue上课笔记以及课件，还有对应的代码，方便同学们学习的时候使用，如果需要的可以下载
Vue学习-codewhy课程认识vue,声明式，命令式，v-show,v-if,v-on绑定属性对象，绑定style演练，class,v-bind绑定属性，v-pre,v-html,methods,
VAN
12-11 378
vue课程学习codewhy课程
ES6之promise
weixin_34111819的博客
03-22 316
  ES6中的promise对象很早就听说过，据说是为了解决我们使用回调产生回调地狱的问题。今天下午既然有这么想学的欲望，就来看一看吧，当然参考的还是阮一峰老师的教程。 　　 第一部分：什么是Promise 　　看本文的最后一个例子，迅速理解。 　　Promise是ES6中的一个内置的对象（实际上是一个构造函数，通过这个构造函数我们可以创建一个Promise对象），它是为了解决异步问题的。...
ES6-Promise
光
07-28 549
Promise：ES6中异步编程的解决方案 ES5的异步解决方案：回调 ES5-回调 { // 基本定义 let ajax = function(callback) { console.log('执行'); setTimeout(() => { callback && callback.call(...
ES6-promise
weixin_34018202的博客
06-07 383
异步编程简述： 无论是在浏览器环境中还是在node环境中，我们都会使用JavaScript 完成各种异步操作，如在浏览器环境中的定时器、事件、ajax等或是node环 境中的文件读取、事件等。伴随着异步编程的就是回调机制（复习jQuery）。 明确一点异步编程避免不了回调。 let obj = {}; let fs = require('fs'); fs.readFile('./dat...
ES6------promise详解
weixin_40381947的博客
04-06 1153
1.promise其实就是一个对象或者说是构造函数2.promise的出现（es6） 就是解决异步编程和回调地狱等问题，async和await的出现（ES8）就是基于promise的一种解决异步编程的终极解决方案（简化代码等等）3.在前端中，ajax和axios都会用到异步编程，axios更是基于promise的，所以一定要掌握promise以及用async和await搭配promise的使用。
vue学习笔记（超详细）
m0_67392126的博客
03-06 1220
文章目录 一. 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
Vue前置知识之ES6模块化与异步编程高级用法
qq_53324833的博客
11-22 1213
前端模块化规范的分类 在 ES6 模块化规范诞生之前，JavaScript 社区已经尝试并提出了 AMD、CMD、CommonJS 等模块化规范。 但是，这些由社区提出的模块化标准，还是存在一定的差异性与局限性、并不是浏览器与服务器通用的模块化标准，例如： ⚫ AMD 和 CMD 适用于浏览器端的 Javascript 模块化 ⚫ CommonJS 适用于服务器端的 Javascript 模块化 太多的模块化规范给开发者增加了学习的难度与开发的成本。因此，大一统的 ES6 模块化规范诞生了！ 什么是 ES6
学习 Vue 3 所需前置知识详解
最新发布
m0_54829066的博客
09-10 1929
学习 Vue 3 需要具备一定的前置知识，包括 HTML 和 CSS 基础、JavaScript 基础、ES6 + 新特性以及前端开发工具和概念。掌握这些前置知识将为学习 Vue 3 打下坚实的基础，使你能够更好地理解和应用 Vue 3 的各种特性和功能。在学习过程中，可以通过实践项目、阅读文档和参考优秀的开源项目来加深对这些知识的理解和掌握。不断积累经验，提高自己的前端开发技能，将有助于你在 Vue 3 的学习和应用中取得更好的成果。（一）HTML 基础知识。（一）语法和数据类型。（二）函数和控制结构。
Vue实例生命周期与ES6语法知识点梳理
Vue 之前知识点巩固（扩展运算符、数组、箭头函数）是前端开发中非常重要的基础内容，尤其在学习和使用 Vue 框架之前，掌握这些 JavaScript 核心特性对于理解 Vue 的运行机制、数据绑定、响应式系统以及生命周期钩子...
codewhy:一个测试
03-20
chatroom1 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 自定义配置 请参阅。
B站coderwhy老师Vue课程上课课件代码笔记资料
09-11
B站视频地址： https://www.bilibili.com/video/BV15741177Eh?from=search&seid=291894933216424179 B站视频是免费的，讲的很好，这里放一份资料，方便大家学习。
ES6 promise详解
qq_43955202的博客
12-03 1318
ES6 Promise 1.什么是promise？ ES6 中一个非常重要和好用的特性就是Promise promise 到底是做什么的呢？ promise 是异步编程的一种解决方案。 那什么时候我们回来处理异步事件呢？ 1.一种很常见的场景就是网络请求 2.我们分装一个网络请求的函数，因为不能立即拿到结果，所以不能像简单的3+4 = 7一样将结果返回。 3.所以我们往往会传入另外一个...
Vue基础知识总结 12：ES6 promise的用法总结
学Java，找哪吒
02-03 9920
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 4824
最近开发一个铜盘功能，用了以上的技术栈开发。有一些心得可以记录下来。包括写的模块的经验。 构建 后台是用java实现，使用velocity模板。目录结构 ---webapp |-----resource |--------init // 初始js文件 |--------src |-----------business // 业务vue组件 |------
打开Promise的正确姿势
IMWebteam的博客
11-23 1511
最近实践中需要用到大量的异步回调风格代码的编写，作者最近处于同步编程风格转为异步编程风格的状态。同时第一时间遇到了下面提到的代码，第一直觉就是该代码肯定有问题！但是问题在哪里有讲不出来，感觉非常蛋疼与疑惑。
html部分codewhy网课学习笔记
weixin_54327001的博客
03-02 626
day1 网页显示的过程和服务器 浏览器内核,也称为渲染引擎 head标签描述网页的原数据，如title shift+tab是向前缩进 div>ul>li可以快速生成 <div> <ul> <li></li> </ul> </div> 在早期,单标签如<input>也可写为<input/>or<input /> id跟cla
ES6 Promise
codewhy的博客
09-09 139
文章目录1 基本概念2 基本用法3 方法(1) Promise.all(iterable)(2) Promise. race(iterable)(3) Promise.resolve(value)(4) Promise.reject(reason)4 Promise原型(1) Promise.prototype.then()(2) Promise.prototype. catch()(3) Promise.prototype. finally() 1 基本概念 名称： 译为“承诺”，这也就表达了将来会执行
学习vue的前置知识
09-08
在学习Vue之前，有几个前置知识是需要了解的。首先是基本的HTML、CSS和JavaScript知识，因为Vue是基于这些技术的。其次是对于模块化开发的理解，Vue使用了ES6模块化规范，如果想在Node.js中体验和学习ES6的模块化...
评论 4
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值