尚硅谷promise笔记

时间: 2023-10-28 20:59:18 浏览: 113

Promise笔记发布 (1).txt

### Promise基础知识详解 #### 一、Promise的基本概念在JavaScript中，`Promise`是一个非常重要的概念，用于处理异步操作。传统的异步编程方法（如回调函数）可能会导致代码难以维护，这种现象被称为“回调地狱”。为了简化异步编程，ECMAScript 6 引入了`Promise`对象。 **Promise**可以理解为一个容器，它保存着某个未来才会结束的事件（通常是异步操作）的结果。从语法的角度来看，`Promise`是一个对象，通过它可以获取到异步操作的消息。`Promise`提供了一种统一的API，使得各种异步操作都可以用同样的方式来处理。 #### 二、Promise对象的特点 **1. 对象的状态不受外界影响** `Promise`对象代表了一个异步操作，它具有三种状态：`pending`（进行中）、`fulfilled`（已成功）和`rejected`（已失败）。只有异步操作的结果才能决定当前处于哪种状态，任何其他操作都无法改变这个状态。这也是为什么叫作`Promise`的原因——它的英文原意就是“承诺”，意味着除了异步操作本身之外，其他任何因素都无法改变其结果。 **2. 一旦状态改变，就不会再变，任何时候都可以得到这个结果** `Promise`对象的状态改变只有两种可能：从`pending`变为`fulfilled`或从`pending`变为`rejected`。一旦这两种情况之一发生，状态就会凝固，不再变化，会一直保持这个结果，这时称为`resolved`（已定型）。即使状态改变已经发生，后续添加的回调函数也可以立即得到这个结果，这与事件（Event）不同，后者的特点是如果你错过了事件，再去监听是不会得到结果的。 #### 三、Promise的基本用法创建`Promise`对象时，需要传递一个执行器（executor）函数作为参数，该函数接收两个参数：`resolve`和`reject`。这两个参数是`Promise`提供的内部函数，用于改变`Promise`的状态。 - `resolve`函数的作用是将`Promise`对象的状态从“未完成”变为“成功”（即从`pending`变为`resolved`），在异步操作成功时调用，并将异步操作的结果作为参数传递出去。 - `reject`函数的作用是将`Promise`对象的状态从“未完成”变为“失败”（即从`pending`变为`rejected`），在异步操作失败时调用，并将异步操作报出的错误作为参数传递出去。示例代码如下： ```javascript let promise = new Promise((resolve, reject) => { console.log('Promise'); resolve(); }); promise.then(() => { console.log('resolved.'); }); console.log('Hi!'); ``` 在这个例子中，`Promise`对象创建后会立即执行，因此首先输出的是`Promise`。接着，`then`方法指定的回调函数将在当前脚本的所有同步任务执行完成后执行，因此`resolved.`最后输出。 #### 四、使用Promise实现Ajax操作下面是一个使用`Promise`实现Ajax请求的例子： ```javascript const getJSON = function (url) { const promise = new Promise((resolve, reject) => { const handler = function () { if (this.readyState !== 4) { return; } if (this.status === 200) { resolve(this.response); } else { reject(new Error(this.statusText)); } }; const client = new XMLHttpRequest(); client.open("GET", url); client.onreadystatechange = handler; client.responseType = "json"; client.setRequestHeader("Accept", "application/json"); client.send(); }); return promise; }; getJSON('./data.json').then(function (json) { console.log('Contents:', json); }, function (error) { console.error('Failed to fetch data:', error); }); ``` 这段代码定义了一个`getJSON`函数，该函数接收一个URL参数，返回一个`Promise`对象。当请求成功时，调用`resolve`函数并将响应数据传递出去；当请求失败时，调用`reject`函数并传递错误信息。最终通过`then`方法处理成功的响应和失败的情况。 `Promise`为JavaScript中的异步编程提供了一种更为优雅的解决方案，通过`Promise`对象，开发者可以更好地控制异步流程，避免出现复杂的回调链，从而提高代码的可读性和可维护性。

尚硅谷的Promise笔记涵盖了Promise的基本结构、状态和值、then方法、基本实现以及零碎知识。在笔记中，还介绍了Promise的用法和底层实现原理，包括中断promise链的方式和catch方法的使用。总结起来，尚硅谷的Promise笔记提供了对Promise的全面理解和应用，帮助读者掌握Promise的使用方法和底层实现原理。

阅读全文

尚硅谷promise笔记

相关推荐

深入理解Promise：从源码剖析到学习笔记

掌握JavaScript Promise的实战笔记

js-ShanGuiGu：学习JavaScript尚硅谷课程的个人学习笔记

尚硅谷_Vue全家桶_基于VUE_vue；尚硅谷_vue_

html css js全套学习笔记＋举例

最全的es6笔记看了不后悔!!!!

电商项目尚品汇笔记4：交易模块与个性化支付二维码

node.js尚硅谷的强哥

手写promise实现

Promise笔记：解决JavaScript回调地狱的关键

理解JavaScript中的Promise

用Python编程实现控制台爱心形状绘制技术教程

优选驾考小程序 微信小程序+SSM毕业设计 源码+数据库+论文+启动教程.zip

【国信期货-2024研报】宏观2025年投资策略报告：经济结构性矛盾现拐点 2025年注重破局.pdf

renren-security-v5.2.0.zip

毕业设计&课设_校园卡管理系统.zip

毕业设计&课设_网上图书商城：计算机毕业设计项目.zip

使用yolo3作为特征提取器的ocr，由keras实现，并由tensorrt加速.zip

BANDIZIP-SETUP-STD-X64.EXE

最新推荐

vue中promise的使用及异步请求数据的方法

C++11 future中std::promise 介绍

用Python编程实现控制台爱心形状绘制技术教程

JHU荣誉单变量微积分课程教案介绍

管理建模和仿真的文件

【实战篇：自定义损失函数】：构建独特损失函数解决特定问题，优化模型性能

如何在ZYNQMP平台上配置TUSB1210 USB接口芯片以实现Host模式，并确保与Linux内核的兼容性？

Naruto爱好者必备CLI测试应用

"互动学习：行动中的多样性与论文攻读经历"

【强化学习损失函数探索】：奖励函数与损失函数的深入联系及优化策略

优选驾考小程序微信小程序+SSM毕业设计源码+数据库+论文+启动教程.zip