封装promise函数

2024-11-05

封装原生promise函数

阿里面试题: 手动封装promise函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> /* *Promise实现思路 * 1.构造函数 * 2.回调函数的参数 resolve reject

第一步:Promise构造函数接受一个函数作为参数,该函数的两个参数分别是:resolve和reject; function Promise(task) { // 缓存this let that = this // 进行中的状态 this.status = 'pending' //初始值 this.value = undefined // 存放成功后要执行的回调函数的序列 that.onResolvedCallbacks = [] // 存放失败后要执行的回调函数的序列 that.onRejec

使用promise手动封装ajax函数

最近在做一个单页应用,node和浏览器仅通过json传输数据,因为是只有自己用等于是锻炼一下自己,所以也不用考虑seo的问题,node端我已经写好了,但是浏览器端想要用ajax原生太麻烦,用封装的函数又需要引入angular,jquery等大型框架.我写node比较多,觉得用什么功能就引入什么功能,不太喜欢用大而全的框架,所以只好手动封装一下ajax的操作 ajax的xhr对象有7个事件 onloadstart 开始send触发 onprogress

jQuery编写插件--封装全局函数的插件（一些常用的js验证表达式）

上一篇写到了jQuery插件的3种类型,介绍了第一种类型的写法--封装jQuery对象的方法插件.这一篇要介绍第二种插件类型:封装全局函数的插件:这类插件就是在jQuery命名空间内部添加函数:这类插件就是普通的函数,没有什么特别的地方.既然普通+无特点...那这篇还要讲什么呢,忧思辗转呢. 那就先开始讲解第二类插件吧,记得上面讲过,所有的插件都放在下面的一段代码之内: ; (function ($) { //编写代码 })(jQuery); 封装全局函数的插件实现的通过$.extend();方

Thinkphp3.2.3框架下封装公共的函数，例如封装CURL函数来获取接口数据

当我们需要在控制层调用相同的封装函数时,写多次相同的函数,显得代码十分的拉杂,不精简: TP框架有一个很好的机制,可以再Common定义一个function.php函数,当我们在控制层调用的时候直接调用就可以使用,方便快捷: 具体实现方便如下: 我们可以再三个地方设置公共的函数function.php (注意:function.php默认是不存在的,需手动创建) 根目录\Application\Common\Common\function.php(公共的函数,Home和Admin都可以调用) 根

Thinkphp框架下封装文件下载函数

第一步:开启php_fileinfo.dll 方法:打开php.ini,将874行的;extension=php_fileinfo.dll前面的分号注释去掉即可: 第二步:控制层封装文件下载函数 function download_file($file){ if(is_file($file)){ $length = filesize($file); //文件大小 $type = mime_content_type($file); //文件类型 $showname = ltrim(strrchr(

封装PDO函数

funPDO.php <?php /** * @title: 封装PDO函数 * * @Features: * 1. 封装 SELECT ,INSERT,DELETE,UPDATE 操作 @done(2019-3-22 13:35:30) * 2. 加入回滚事务 @done(2019-3-22 15:35:46) * * @ TODO: * 1. 完善SQL语句的漏洞屏蔽 * 2. 学习面向对象后,封装成类 * 3. 继续补充PDO知识,完善此函数 * * * @author Paul <19

原生javascript封装的函数

1.javascript 加载的函数 window.onload = function(){} 2.封装的id函数 function $(id) { return document.getElementById(id); } //调用 $("id") 3.封装的数组id function $arr(array) { return document.getElementsByTagName(array); } //调用 $arr("数组") 4.自定义平均值函数 fu

ES6的promise函数用法讲解

总结:Promise函数的出现极大的解决了Js中的异步调用代码逻辑编写太过复杂的问题,Promise对象让异步调用函数的流程显得更加的优雅,也更容易编写. 举例: 1. 异步调用: 假设现在我的一个页面中的一条数据需要我去后台查询两个接口才能完全返回,废话不说下面上代码: function loadXMLDoc() { var xmlhttp; if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码

//封装tabs函数

//封装tabs函数function tabs(tabTit,on,tabCon){ $(tabCon).each(function(){ $(this).children().eq(0).show(); }); $(tabTit).each(function(){ $(this).children().eq(0).addClass(on); }); $(tabTit).children().hover(function(){ $(this).addClass(on).siblings().re

Javascript作业—封装type函数，返回较详细的数据类型

Javascript作业—封装type函数,返回较详细的数据类型思路: 1 取typeof的值,如果是数字.函数等非对象类型,直接取类型 2 如果是object类型,则调用Object.prototype.toString <script> //返回较详细的数据类型;数字number,数组-array,对象-object等 function type(arg){ var tp = typeof(arg) ; var tostr=Object.prototype.toString; retur

js数据类型的检测总结，附面试题--封装一个函数，输入任意，输出他的类型

一.javascript 中有几种类型的值 1.基本数据类型 : 包括 Undefined.Null.Boolean.Number.String.Symbol (ES6 新增,表示独一无二的值) 特点: a. 值不可变 b. 存放在栈中 c.双等和全等的区分 2.引用数据类型: 包括 Object.Array.Function 特点: a.值可变 b.同时保存再栈内存和堆内存 c.比较是引用的比较二.javascript 数据类型的检测 1.typeof : 返回一个表示数据类型的字符串(nu

原生JS封装_new函数，实现new关键字的功能

1.前言众所周知:没有对象怎么办?那就new一个! 那么在JS中,当我们new一个对象的时候,这个new关键字内部都干了什么呢? 现在我们就来剖析一下原生JS中new关键字内部的工作原理. 2.原生的new 首先,我们先new一个对象看看: //创建Person构造函数,参数为name,age function Person(name,age){ this.name = name; this.age = age; } //实例化对象小明 xm = new Person('xiaoming',1

JS---案例：移动元素，封装动画函数

案例:移动元素,封装动画函数 1. div要移动,要脱离文档流---position:absolute 2. 如果样式的代码是在style的标签中设置,外面是获取不到 3. 如果样式的代码是在style的属性设置,外面是可以获取 4. 获取div的当前位置 console.log(my$("dv").offsetLeft); 动画函数animate封装 <!DOCTYPE html> <html lang="en"> <head>

采坑复盘：logging日志能用封装后的函数来打日志，发现filename一直显示封装logging函数的方法所在的文件名

问题: logging日志能用封装后的函数来打日志,发现filename一直显示封装logging函数的方法所在的文件名原因: logging记录的是第一个函数执行所在的文件,那用封装的函数,首先执行的是封装logging方法的函数,那filename参数打印的就是一直是调用logging方法的函数所在的文件,起不到定位问题位置的作用解决方案: 直接用logging的方法,这样logging读取的filename就是真实产生日志的文件名

封装promise

// new 做了什么 //1.创建一个新的空对象 //2.将构造函数中的this指向这个新空对象 //3.执行构造函数中的代码 //4.返回这个对象 //5.这个对象有一个__proto__指向构造函数原型 var promise= new Promise((resolve, reject) => { var flag=1; if(flag) return resolve() reject() }); promise.then((res)=>{ var a = "成功回调"

promise函数

一.promise函数是干什么的 promise函数是解决异步编程调用代码逻辑编写过于复杂的问题的,当网络请求非常复杂时,就会出现回调地狱,这样如果将这些代码写在一起就会看起来很复杂,且不利于阅读,如果用promise的话就会让代码看起来更加美观优雅二.Promise三种状态首先, 当我们开发中有异步操作时, 就可以给异步操作包装一个Promise异步操作之后会有三种状态 pending:等待状态,比如正在进行网络请求,或者定时器没有到时间.fulfill:满足状态,当我们主动回调了reso

Echart使用js进行封装成函数

Echart使用js进行封装成函数主要是对 json 串的封装,使用 js 进行对 json 的解析.之间用的最多是循环取出数组中的值,如果拿去使用可直接修改 json 就好. 上一篇把二维的封装好了可以进行查看,这次封装有柱状图.饼状图.折线图.二维的散点图.三维的散点图.环形图.管道图.雷达图. 效果图测试demo: 链接:https://pan.baidu.com/s/1_n5WKdTprvp7bxbfD_WFVg 密码:s56r

Promise函数的使用

最近在做批量打印并监控显示打印进度的功能,用到了很多异步函数,很多异步函数嵌套在回调函数里面,层层嵌套,导致代码可阅读性与可维护性变得十分糟糕,而且由于都是异步执行的函数,无法知道什么时候能回调结束,无法保证程序能安全执行,为了能解决这个问题,避免"回调地狱",于是就需要用Promise函数. 什么是Promise函数 1. 什么是Promise函数? Promise是一个方案,用来解决多层回调嵌套的解决方案.它现在是ES6的原生对象. 2. Promise函数有什么作用? 可以把一个

JS高级---案例贪吃蛇，把封装的函数移动到js文件中

案例贪吃蛇,把封装的函数移动到js文件中 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> <style> .map { width: 800px; height: 600px; background-color: #CCC; position: relative;