当前位置: 首页 > news >正文

cn 域名网站做网站搜索如何显示官网

cn 域名网站,做网站搜索如何显示官网,广东网站开发搭建,中国企业查询网官网1.引言 在 JavaScript 的世界里,异步编程是一个核心且关键的概念。随着 Web 应用的复杂度不断提升,处理多个异步操作的需求也日益增长。传统的回调函数方式容易陷入 “回调地狱”,让代码的可读性和可维护性大打折扣。而 Promise 的出现为异步编程带来了新的曙光,后续又衍生…1.引言 在 JavaScript 的世界里,异步编程是一个核心且关键的概念。随着 Web 应用的复杂度不断提升,处理多个异步操作的需求也日益增长。传统的回调函数方式容易陷入 “回调地狱”,让代码的可读性和可维护性大打折扣。而 Promise 的出现为异步编程带来了新的曙光,后续又衍生出了 async/await 语法糖以及 Promise.all 等实用方法。今天,我们就来深入探讨这三者在异步编程中的应用和区别。 2.Promise 链式操作:异步操作的有序舞蹈 基本原理 Promise 是一个表示异步操作最终完成或失败及其结果的对象。它有三种状态:进行中(pending)、已成功(fulfilled)和已失败(rejected)。Promise 链式操作通过 .then() 方法来依次处理异步操作的结果,每个 .then() 方法都会返回一个新的 Promise 对象,从而可以继续链式调用。 !DOCTYPE html html lang="en"headmeta charset="UTF-8"meta name="viewport" content="width=device-width, initial-scale=1.0"titleDocument/title /headbody!-- 目标:使用 Promise 链式调用,解决回调函数地狱问题做法:每个 Promise 对象中管理一个异步任务,用 then 返回 Promise 对象,串联起来目标:把回调函数嵌套代码,改成Promise链式调用结构需求:获取默认第一个省,第一个市,第一个地区并展示在下拉菜单中--formspan省份:/spanselectoption class="province"/option/selectspan城市:/spanselectoption class="city"/option/selectspan地区:/spanselectoption class="area"/option/select/formscript src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"/scriptscript//全局变量let pname = ''//1.获取省份Promise对象axios({url: 'https://hmajax.itheima.net/api/province'}).then(result = {console.log(result.data.list);pname = result.data.list[0]document.querySelector('.province').innerHTML = pname//2.得到-获取城市Promise对象return axios({url: 'https://hmajax.itheima.net/api/city',params: {pname//pname:pname}})}).then(result = {let cname = result.data.list[0]console.log(result.data.list);document.querySelector('.city').innerHTML = cname//3.得到-获取地区Promise对象return axios({url: 'https://hmajax.itheima.net/api/area',params: {pname,cname}})}).then(result = {console.log(result);document.querySelector('.area').innerHTML = result.data.list[0]})/script /body/html优缺点分析 优点是可以将多个异步操作按顺序依次执行,避免了回调函数的嵌套,一定程度上提高了代码的可读性。缺点是当异步操作较多时,链式调用会变得冗长,并且错误处理集中在 .catch() 方法中,难以精准定位错误发生的位置 3.async/await:异步代码的同步之美 基本原理 async/await 是 ES2017 引入的语法糖,建立在 Promise 之上。async 用于定义一个异步函数,该函数总是返回一个 Promise。await 只能在 async 函数内部使用,它会暂停 async 函数的执行,直到等待的 Promise 被解决,并返回其结果。
http://www.sczhlp.com/news/209712/

相关文章:

  • 做网站还有用吗全新的手机网站设计
  • 百度网站建设的目的包装设计素材库
  • 网站优化长沙视觉设计师工资一般多少
  • wordpress安装网站医疗器械网
  • 站长网网站模板下载书籍分享wordpress主题
  • wordpress 如何布局标题优化
  • 上饶市建设厅网站wordpress内容管理系统
  • 沧州市做网站价格农业门户网站开发
  • 网上商城网站建设大连旅游攻略
  • 动易网络 官方网站做推广任务的网站
  • 龙岩网站报价用什么做淘宝客网站好
  • 本地网站搭建工具做的网站适应屏幕大小
  • 工信部怎么查网站备案wordpress首页添加登录
  • 网站设计建设企业免费做网站用什么软件
  • 长沙网站建设流程网站首页怎么设计
  • 外贸网站优势大学网站开发专业怎么样
  • 成都高端定制网站域名网站建设教程
  • 高端营销型网站制作WordPress生成网站地图
  • .net美食网站开发源代码门户建设目标
  • 如何给网站2做推广wordpress会员充值管理系统
  • app那个网站开发比较好莱阳seo外包
  • 湖南网站建设推广企业官方网站的作用
  • php 网站开发流程图whois skxy wordpress
  • 网站备案问题家在深圳龙光城
  • 创建网站要钱吗wordpress设置网站地图
  • 广州建设网站首页推荐的办公室装修设计
  • 网站设计需求表中文搜索引擎大全
  • 做一网站需要多少钱黄冈网站建设与推广哪家好
  • 网站建设捌金手指下拉二八费县做网站
  • 网站域名被注销在线看mv视频网站入口软件下载