当前位置：首页 > article >正文

27_promise

article 2026/2/17 22:17:56

插入一下前端助手测试，顺手可以用来做安全

promise

promise 是一个es6新增的语法

汉语：承诺的意思作用:是专门用来解决回调地狱!!!!

什么是回调函数？

 <script>// 回调函数  callback回调// 就是把函数A当作参数传递到函数B中// 在函数B中以形参的方式去调用function fn(a){console.log(a()); }// function(){} 充当的就是一个回调函数fn(function(){return "结果"});setTimeout(()=>{})Array.forEach(()=>{})Array.filter(()=>{})</script>

回调地狱

<body><script src="./ajax.js"></script><script>// 回调地狱// 为什么要有回调函数// - 当我们有一个异步行为的时候,我们需要在一个异步行为执行完毕之后做一些事情// - 我如何知道这个异步行为啥时候完毕// - 这时候我们就可以用回调函数的形式来进行// eg:比如 现在我要调用注册接口//    想要的效果是注册成功之后  在去马上登录//    咋知道啥时候注册成功呢?  调用注册接口时会有回调函数//    一旦走了回调函数  代表注册成功ajax({url: "/users/register",method: "post",data: {username: "hahahhahahah",password: "123456",rpassword: "123456",nickname: "踏月11111"},success(res) {console.log("第一次请求");ajax({url: "/users/login",method: "post",data: {username: "hahahhahahah",password: "123456"},success(res) {console.log("第二次请求");ajax({url:"XXX",success(){console.log("第三次请求");}})}})}})// 回调函数  里边 套回调函数  套回调函数....// 缺点:代码可读性不好</script>
</body>

promise的基本语法

  // 基本语法:// Promise中 写异步代码// let p1 = new Promise(function(resolve,reject){//resolve("成功")reject("失败")})// 一旦调用了.then 就会触发resolve 方法// 一旦调用了 .catch 就会触发   reject 方法p1.then(res=>{console.log(res);})p1.catch(err=>{console.log(err);})//promise 有三种状态// pending  -- 创建成功  等待中// fulfilled -- 调用了resolve  成功时执行// rejected  -- 调用了 reject  失败时执行

    new Promise(function(resolve,reject){resolve("成功")// reject("失败")}).then(res=>{console.log(res);}).catch(err=>{console.log(err);}).finally(()=>{console.log("成功失败都执行");})

<body><script>// 基本语法:// Promise中 写异步代码//     // //    let p1 = new Promise(function(resolve,reject){//         //resolve("成功")//         reject("失败")//    })//   // 一旦调用了.then 就会触发resolve 方法//  // 一旦调用了 .catch 就会触发   reject 方法//    p1.then(res=>{//     console.log(res);//    })//    p1.catch(err=>{//     console.log(err);//    })//promise 有三种状态// pending  -- 创建成功  等待中// fulfilled -- 调用了resolve  成功时执行// rejected  -- 调用了 reject  失败时执行new Promise(function(resolve,reject){resolve(function(){return "123"});// reject("失败")}).then(res=>{console.log(res());}).catch(err=>{console.log(err);}).finally(()=>{console.log("成功失败都执行");})</script>
</body>

<body><script>// 希望过5秒之后 在调用一个定时器  在打印东西// 异步代码转成同步代码   同步代码需要等待new Promise(function(resolve,reject){setTimeout(()=>{console.log("5秒的定时器");resolve("resolve触发了")},5000)console.log("嘿嘿嘿");}).then(res=>{console.log(res);setTimeout(()=>{console.log("2秒定时器");},2000)})// new Promise(function(resolve,reject){//     setTimeout(()=>{//         console.log("5秒的定时器");//         // resolve("resolve触发了")//         setTimeout(()=>{//             console.log("我是2秒的定时器");//         },2000)//     },5000)//     console.log("嘿嘿嘿");// })</script>

封装一个等待函数


<body><script>// 成功 失败 状态  是在promise对象才有的function wait() {let p1 = new Promise((resolve, reject) => {// 写你的异步代码// XXXXsetTimeout(() => { resolve("成功") }, 2000)})return p1}wait().then(res => {console.log(res);})</script>
</body>

promise解决回调地狱

   // 封装的网络请求函数 ajax-promise.js// 哪些是可变的  请求方式  请求地址  请求参数  请求头// 可变的  调用函数的时候传参！！！ 传谁我就用谁！！function ajax(options){return new Promise((resolve,reject)=>{let method = options.method || "get";//如果你传了请求方式就用你传的 没传默认是getlet url = options.url;let header = options.header || {"Content-Type":"application/x-www-form-urlencoded"}let type = options.dataType || "json"// ajax希望传的是 ?name=jack&age=18  所以传来的参数进一步处理let data = formatData(options.data || {}); // data参数  get和post请求方式不一样  分情况讨论// get 方式在地址后边拼接  post方式是通过send（data） 发送的if(method.toUpperCase()=="GET"&&data){// foruth?name=jack&age=18url = url+"?"+data}// 1-创建xhr对象let xhr = new XMLHttpRequest();// 2-设置xhr对象xhr.open(method,`http://localhost:8888${url}`)for(let key in header){xhr.setRequestHeader(key,header[key]);}// 3- 发起请求// 分成两种情况   post请求的话 参数是通过send取发送的if(method.toUpperCase()=="POST" && data){xhr.send(data);}else{xhr.send();}// 4- 处理响应结果xhr.onload = function(){// 有可能是纯字符串  有可能是json字符串 (最常用的json串)let result;if(type=='json'){result = JSON.parse(xhr.responseText)}else{result = xhr.responseText}// options.success(result)resolve(result)}})}// 格式化data的函数function formatData(obj){let data = "";  // 保存保存处理好之后的数据for(let key in obj){data += `&${key}=${obj[key]}`}data = data.slice(1);//从下标为1开始截取到最后return data;}

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script src="./ajax-promise.js"></script>
</head><body><!-- ajax函数  封装成一个promise  --><script>// promise.then().then().then()  正确的学法// promise.then(XXXX.then().XXXX.then)ajax({url: "/users/register",method: "post",data: {username: "hahahhahahah123",password: "123456",rpassword: "123456",nickname: "踏月11111"}}).then(res => {console.log("第二次请求");ajax({url: "/users/login",method: "post",data: {username: "hahahhahahah",password: "123456"},})}).then(res => {console.log("第三次请求");})</script></body></html>

27_promise

插入一下前端助手测试，顺手可以用来做安全 promise promise 是一个es6新增的语法汉语：承诺的意思作用:是专门用来解决回调地狱!!!! 什么是回调函数？ <script>// 回调函数 callback回调// 就是把函数A当作参数传递到函数B中// 在函…...

编程日记 2026/2/17 22:17:56

leetcode刷题日记——跳跃游戏 II

[ 题目描述 ]： [ 思路 ]： 题目要求在一个一定能达到数组末尾的跳跃数组中(见55题跳跃游戏)，找出能够跳到末尾的最小次数要求次数最少，那肯定是选取能选步数中最大的数。也就是在当前能够达到的距离中，选择能够达到的…...

编程日记 2026/2/14 4:42:29

无人机进行航空数据收集对于分析道路状况非常有用-使用无人机勘测高速公路而不阻碍交通-

无人机进行航空数据收集对于分析道路状况非常有用-使用无人机勘测高速公路而不阻碍交通- 瑞士拥有1,400 多公里长的高速公路网络。这些公路将人和货物从山谷高原运送到阿尔卑斯山的最高山口。维护这些高速公路使国家得以顺利运转。高速公路维护的重要性显而易见，但在…...

编程日记 2026/2/16 20:04:35

注意力蒸馏技术

文章目录摘要abstract论文摘要简介方法预备知识注意力蒸馏损失注意力引导采样实验结论总结参考文献摘要本周阅读了一篇25年二月份发表于CVPR 的论文《Attention Distillation: A Unified Approach to Visual Characteristics Transfer》,论文开发了Attention Distillation…...

编程日记 2026/2/15 1:43:31

PERL开发环境搭建＞＞Windows,Linux,Mac OS

特点简单快速 perl解释器直接对源代码程序解释执行,是一个解释性的语言, 不需要编译器和链接器来运行代码>>速度快灵活借鉴了C/C, Basic, Pascal, awk, sed等多种语言, 定位于实用性语言,既具备了脚本语言的所有功能,也添加了高级语言功能开源.免费没有&qu…...

编程日记 2026/2/17 14:49:32

赛博威智慧导购平台，融合AI激活一线导购效能，破局增长瓶颈

导购管理≠“管人”，价值释放才是终极命题在快消行业，一线导购是链接品牌与消费者的核心触点，更是市场洞察与销售转化的关键枢纽。然而，许多企业对导购的管理仍停留在“管人”的初级阶段：基础考勤、任务下发、薪资核…...

编程日记 2026/2/11 13:56:03

鸿蒙项目源码-记账本app个人财物管理-原创!原创!原创!

鸿蒙记账项目源码个人财务管理含文档包运行成功ArkTS语言。我一个月写的原创作品，请尊重原创。原创作品，盗版必究！！！ api12 SDK5.0.0仅适用于最新的2024版本DevEco studio 共9个页面：广告倒计时页、登录、…...

编程日记 2026/2/16 9:01:37

深入理解 `git pull --rebase` 与 `--allow-unrelated-histories`：区别、原理与实战指南

🚀 git pull --rebase vs --allow-unrelated-histories 全面解析在日常使用 Git 时，我们经常遇到两种拉取远程代码的方式：git pull --rebase 和 git pull --allow-unrelated-histories。它们的区别是什么？各自适用哪些场景&…...

编程日记 2026/2/16 0:08:30

ExpTimerApcRoutine函数分析之作用是ActiveTimerListHead里面移除定时器_etimer

第一部分： VOID ExpTimerApcRoutine ( IN PKAPC Apc, IN PKNORMAL_ROUTINE *NormalRoutine, IN PVOID *NormalContext, IN PVOID *SystemArgument1, IN PVOID *SystemArgument2 ) /* Routine Description: This function is the special …...

编程日记 2026/2/14 23:16:24

Ovito的python脚本

在 OVITO 里，Python 对象是构建脚本化操作的基础。下面为你详细介绍 OVITO 中 Python 对象的基本概念： 1. 数据管道（Pipeline）数据管道是 OVITO 里最核心的对象之一。它就像一个流水线，把数据输入进来，经过一系列处理步骤，最后输出处理好的数据。创建管道：借助 imp…...

编程日记 2026/2/14 21:46:25

【免费】2007-2019年各省地方财政文化体育与传媒支出数据

2007-2019年各省地方财政文化体育与传媒支出数据 1、时间：2007-2019年 2、来源：国家统计局、统计年鉴 3、指标：行政区划代码、地区、年份、地方财政文化体育与传媒支出 4、范围：31省 5、指标说明：地方财政在文化、…...

编程日记 2026/2/16 3:02:11

3PL EDI：SA Piper Logistics EDI需求分析

SA Piper Logistics成立于2005年，是一家专注于全球供应链管理的第三方物流服务商（3PL），总部位于美国芝加哥。公司以“优化物流效率，重塑供应链价值”为使命，提供仓储管理、运输规划、订单履行及跨境清关等一…...

编程日记 2026/2/15 8:29:12

NOIP2007提高组.矩阵取数游戏

题目 492. 矩阵取数游戏思路不难发现, 每一行之间是独立的, 因此可以求出每一行的最大值, 然后行与行之间最大值相加, 就是总的最大值对于行内来说, 每次可以选取左边或者右边, 可以使用区间 d p dp dp求解, 时间复杂度 O ( n 3 ) O(n ^ 3) O(n3), 因为列的最大值是 80 …...

编程日记 2026/2/18 2:53:57

项目实战--权限列表

后端数据： 用表格实现权限列表 const dataSource [{key: 1,name: 胡彦斌,age: 32,address: 西湖区湖底公园1号,},{key: 2,name: 胡彦祖,age: 42,address: 西湖区湖底公园1号,}, ];const columns [{title: 姓名,dataIndex: name,key: name,},{title: 年龄,dataInd…...

编程日记 2026/2/18 1:38:09

若依赖前端处理后端返回的错误状态码

【背景】后端新增加了一个过滤器，用来处理前端请求中的session 若依赖存放过滤器的目录：RuoYi-Vue\ruoyi-framework\src\main\java\com\ruoyi\framework\security\filter\ 【问题】后端返回了一个状态码为403的错误，现在前端需要处理这…...

编程日记 2026/2/17 12:29:18

【计网】数据包

期末复习自用的，处理得比较草率，复习的同学或者想看基础的同学可以看看，大佬的话可以不用浪费时间在我的水文上了 1.数据包的定义： 数据包是网络通信中的基本单元，它包含了通过网络传输的所有必要信息。数据包的结构…...

编程日记 2026/2/14 4:46:06

web权限划分提权和移权

前言：权限的基本认知渗透权限划分：假如我们通过弱口令进入到web的后台这样我们就拿到了web的管理员权限管理员权限是web中最高的权限（一般我们进入web的时候数据库会进行用户权限的划分：假设 0-10为最高的权限 11-10000为普通…...

编程日记 2026/2/15 3:07:27

LocalDateTime序列化总结

版权说明： 本文由CSDN博主keep丶原创，转载请保留此块内容在文首。原文地址： https://blog.csdn.net/qq_38688267/article/details/146703276 文章目录 1.背景2.序列化介绍常见场景关键问题 3.总体方案4.各场景实现方式WEB接口EasyExcelMybat…...

编程日记 2026/2/14 6:01:40

[ 春秋云境 ] Initial 仿真场景

文章目录靶标介绍：外网内网信呼oa永恒之蓝hash传递靶标介绍： Initial是一套难度为简单的靶场环境，完成该挑战可以帮助玩家初步认识内网渗透的简单流程。该靶场只有一个flag，各部分位于不同的机器上。外网打开给的网址, 有一…...

编程日记 2026/2/17 5:36:54

unity 截图并且展现在UI中

using UnityEngine; using UnityEngine.UI; using System.IO; using System.Collections.Generic; using System; using System.Collections;public class ScreenshotManager : MonoBehaviour {[Header("UI 设置")]public RawImage latestScreenshotDisplay; // 显示…...

编程日记 2026/2/15 14:14:32

XHR.readyState详解

XHR.readyState详解引言 XHR.readyState是XMLHttpRequest对象的一个属性，它反映了当前请求的状态。在Ajax编程中，正确理解和使用XHR.readyState对于调试和确保异步请求的正确执行至关重要。本文将详细介绍XHR.readyState的属性值、含义以及在Ajax请求中的具体应用。 XHR.…...

编程日记 2026/2/16 2:51:19

SQL Server数据库引擎服务启动失败：端口冲突

问题现象： SQL Server 2022 安装完成后，数据库引擎服务无法启动，日志报错 “TCP 端口 1433 已被占用”（ERROR_LOG_SYS_TCP_PORT）。快速诊断检测端口占用： # 查看 1433 端口占用情况（需管理员权…...

编程日记 2026/2/15 6:57:03

前端知识点---用正则表达式判断邮箱(javascript)

// 全面的正则（兼容大多数情况） const emailRegex /^[a-zA-Z0-9._%-][a-zA-Z0-9.-]\.[a-zA-Z]{2,}$/;// 或直接使用浏览器内置验证 <input type"email" required>/：正则表达式的起始和结束标志。 ^：匹配字符串的…...

编程日记 2026/2/16 13:19:12

中断管理常用API（四）

一、request_irq(...) request_irq 函数主要用于硬中断相关操作，它的核心作用是把一个中断处理函数和特定的中断号进行绑定。当硬件设备触发该中断号对应的中断时，内核就会调用绑定的中断处理函数，像 irqhandler_func 这类。此函数在多种硬件…...

编程日记 2026/2/15 12:46:28

RabbitMQ高级特性--重试特性

目录 1.重试配置 2.配置交换机&队列 3.发送消息 4.消费消息 5. 运行程序观察结果 6. 手动确认注意： 在消息传递过程中, 可能会遇到各种问题, 如网络故障, 服务不可用, 资源不足等, 这些问题可能导致消息处理失败. 为了解决这些问题, RabbitMQ 提供了重试机制, …...

编程日记 2026/2/14 2:30:56

pyspark学习rdd处理数据方法——学习记录

python黑马程序员 """ 文件，按JSON字符串存储 1. 城市按销售额排名 2. 全部城市有哪些商品类别在售卖 3. 上海市有哪些商品类别在售卖 """ from pyspark import SparkConf, SparkContext import os import jsonos.environ[PYSPARK_P…...

编程日记 2026/2/15 0:07:48

C语言入门教程100讲（0）从了解C语言的发展史开始

文章目录引言1. C语言的起源2. C语言的诞生3. C语言的标准化4. C语言的进一步发展5. C语言的影响与应用6. C语言的未来结语引言 C语言作为一种高效、灵活且具有广泛应用的编程语言，在计算机科学史上占据着举足轻重的地位。它的设计不仅影响了后来的编程语言，也对操作系统、…...

编程日记 2026/2/14 18:35:10

【HTML 基础教程】HTML ＜head＞

HTML <head> 查看在线实例 - 定义了HTML文档的标题"><title> - 定义了HTML文档的标题使用 <title> 标签定义HTML文档的标题 - 定义了所有链接的URL"><base> - 定义了所有链接的URL 使用 <base> 定义页面中所有链接默认的链接目…...

编程日记 2026/2/17 7:41:19

练习题：111

目录 Python题目题目题目分析需求理解关键知识点实现思路分析代码实现代码解释指定文件路径和名称： 定义要写入的内容： 打开文件并写入内容： 异常处理： 输出提示信息： 运行思路结束语 Python题…...

编程日记 2026/2/15 3:01:47

混合知识表示系统框架python示例

前文我们已经深入学习了框架表示法、产生式规则和一阶谓词逻辑，并对它们进行了深度对比，发现它们在不同的应用场景下各有优缺点。一阶谓词逻辑适合复杂逻辑推理场景，具有数学定理证明、形式化系统规范的优点；产生式规则适合动态决策系统，支持实时决策（如风控、诊断），规…...

编程日记 2026/2/14 5:12:55

promise

promise的基本语法

相关文章：