setinterval函数执行promise函数

2024-09-02

JS中的执行机制（setTimeout、setInterval、promise、宏任务、微任务）

1.执行机制 JS 是单线程的,处理 JS 任务(程序)只能一个一个顺序执行,所以 JS 中就把任务分为了同步任务和异步任务.同步的进入主线程先执行,异步的进入Event Table并注册函数,当指定的事情完成时,Event Table会将这个函数移入事件队列Event Queue,等待主线程内的任务执行完毕,然后就会从事件队列 Event Queue 中读取对应的函数,进入主线程执行. 除了广义的同步任务和异步任务,JS 对任务还有更精细的定义: macro-task(宏任务):包括整体代码s

为Promise添加finally方法支持，把小程序函数变成promise函数

// 为Promise添加finally方法支持 Promise.prototype.finally = function (callback) { let P = this.constructor; return this.then( value => P.resolve(callback()).then(() => value), reason => P.resolve(callback()).then(() => { throw reaso

MySQL 对window函数执行sum函数疑似Bug

MySQL 对window函数执行sum函数疑似Bug 使用MySql的窗口函数统计数据时,发现一个小的问题,与大家一起探讨下. 环境配置: mysql-installer-community-8.0.20.0 问题点:在sum对window函数执行时,如果有重复数据,会直接把相同的数据相加,并不是逐步相加. 问题描述数据:在一个成绩表中,有三个个字段:学生s_id,课程c_id,成绩s_score. 查询条件查询每个课程的学生成绩排名和成绩汇总. 查询结果:发现如果同一个课程有相同成绩是,汇

setInterval调用ajax回调函数不执行的问题

setInterval调用ajax回调函数不执行 1.首先检查你的setInterval()函数写法是否正确参考写法 // 检查是否支付成功 var isPayRequest=false; var payResult=""; var interval = setInterval(function(){ if(payResult=="ok"){ clearInterval(interval); } if(isPayRequest) { $.ajax({ url: &

从setTimeout看js函数执行

老实说,写这篇文章的时候心里是有点压抑的,因为受到打击了,为什么?就因为喜欢折腾不小心看到了这个"简单"的函数: for (var i = 0; i < 5; i++) { setTimeout(function () { console.log(i) }, i * 1000); } console.log(i); 什么?这不就是我很久之前看到的先打印一

js中的回调函数和promise解决异步操作中的回调地狱问题。

回调函数 : 函数作为参数传递到另外一个函数中.简单数据类型和引入数据类型中的数组和对象作为参数传递大家肯定都不陌生,其实引用数据类型中的函数也是可以的. 事实上大家见到的很多,用到的也很多,比如jQuery中的一些事件,定时器.这些呢都是别人搞好的,大家直接用,所以就没有太在意. /注意到click方法中是一个函数而不是一个变量 //它就是回调函数 $("#btn_1").click(function() { alert("Btn 1 Clicked"); });

ES6学习随笔--字符串模板、解构赋值、对象、循环、函数、Promise、Generrator

在线编译器:babel.github 在nongjs中使用 'use strict' let a = ; 运行node : node --harmony_destructuring xxx.js 代码块: 用{}包起来的代码块,比如 if for while 特点:只能在代码块里面使用 var 只有函数作用域,可以重复声明, let const 有块级作用域,不可重复声明封闭空间 ES5: (function() { ; })(); ES6: { let a = ; } 总结:块级作用域,其实

更优雅的方式： JavaScript 中顺序执行异步函数

火于异步 1995年,当时最流行的浏览器--网景中开始运行 JavaScript (最初称为 LiveScript). 1996年,微软发布了 JScript 兼容 JavaScript.随着网景.微软竞争而不断的技术更新,在 2000年前后,JavaScript 相关的技术基础准备就绪. 随后到 2005 年前后,以 Google 为首开始重视使用 AJAX(即 Asynchronous JavaScript and XML),使得复杂的网页交互体验接近桌面应用. 然后,随着 Web 应用变得

【学习笔记】浅析Promise函数

一.Promise是什么? 在JavaScript中,所有的代码都是单线程执行,所以javaScript的所有网络操作(“GET”/"POST"/"PUT"/"DELETE")以及浏览器事件("onload"/"onclick"/...)都是异步执行,异步执行的函数可以通过回调函数实现. 关于回调函数在知乎看到过一个很有意思的回答: 你到一个商店买东西,刚好你要的东西没有货,于是你在店员那里留下了你的电话,

ES6的promise函数用法讲解

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

js函数与 Promise的使用

JavaScript的函数不但是“头等公民”,而且可以像变量一样使用,具有非常强大的抽象能力. 定义函数的方式如下: function abs(x) { if (x >= 0) { return x; } else { return -x; } } 如果没有return语句,函数执行完毕后也会返回结果,只是结果为undefined. 由于JavaScript的函数也是一个对象,上述定义的abs()函数实际上是一个函数对象,而函数名abs可以视为指向该函数的变量. 因此,第二种定义函数的方式如下:

阿里前端测试题--关于ES6中Promise函数的理解与应用

今天做了阿里前端的笔试题目,原题目是这样的 //实现mergePromise函数,把传进去的数组顺序先后执行,//并且把返回的数据先后放到数组data中 const timeout = ms => new Promise((resolve, reject) => {setTimeout(() => {resolve();}, ms);}); const ajax1 = () => timeout(2000).then(() => {console.log('1');retur

js-循环执行一个函数

js里的两个内置函数:setInterval()与setTimeout()提供了定时的功能,前者是每隔几秒执行一次,后者是延迟一段时间执行一次.javascript 是一个单线程环境,定时并不是很准,遇到阻塞的操作会延迟,代码: <script> var fn = function(){ alert("fn()函数被执行了"); } setInterval(fn,1000); </script> 以上代码会每隔一分钟弹窗,如果不关闭弹窗.Js不会在下一秒执行这个

封装原生promise函数

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

Promise函数的使用

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

Javascript自执行匿名函数(function() { })()的原理分析

匿名函数指没有指定函数名或指针的函数,自执行匿名函数只是其中一种,下文中称这种函数为:自执行函数下面是一个最常见的自执行函数: // 传统匿名函数 (function() { alert('hello'); })(); 这段代码的执行效果就是在页面再载入时弹出:"hello" 是什么促使它自动执行的?,来看下面的代码 // 在传统写法上去掉小括号,并在前面加上运算符 ~,!,+,- ~function(){ alert('hello'); }(); !function(){ aler

JavaScript 函数声明，函数表达式，匿名函数，立即执行函数之区别

函数声明:function fnName () {-};使用function关键字声明一个函数,再指定一个函数名,叫函数声明. 函数表达式 var fnName = function () {-};使用function关键字声明一个函数,但未给函数命名,最后将匿名函数赋予一个变量,叫函数表达式,这是最常见的函数表达式语法形式. 匿名函数:function () {}; 使用function关键字声明一个函数,但未给函数命名,所以叫匿名函数,匿名函数属于函数表达式,匿名函数有很多作用,赋予一个变量

jQuery 取消事件冒泡阻止后续内容执行闭包函数 (学习笔记)

1.取消事件冒泡 <title>取消事件冒泡</title> <style> div { border:solid 1px black; } </style> <script src="js/jquery-3.1.1.js"></script> <script> $(function () { $("#big").click(function () { alert("点了大

JavaScript：立即执行的函数表达式

先要理解清楚几个概念: 以下转自:http://www.cnblogs.com/TomXu/archive/2011/12/31/2289423.html 问题的核心当你声明类似function foo(){}或var foo = function(){}函数的时候,通过在后面加个括弧就可以实现自执行,例如foo(),看代码: // 因为想下面第一个声明的function可以在后面加一个括弧()就可以自己执行了,比如foo(),// 因为foo仅仅是function() { /* cod

[Js/Jquery]立即执行匿名函数

摘要有时使用js写了一个匿名方法,需要立即执行.因为没有方法名称,无法在其它地方调用. 匿名函数匿名函数,可以认为是没有方法名称的函数. js中如果想执行匿名函数,结构如下: (function () { //逻辑代码 })() 使用()将匿名函数括起来,后面再加一对小括号(包含参数列表). 例如: alert((function (x, y) { return x + y; })(2, 3)); 命名函数自调用 (function myfunc() { alert("23333"

each(callback) 对于每个匹配的元素所要执行的函数

以每一个匹配的元素作为上下文来执行一个函数. 意味着,每次执行传递进来的函数时,函数中的this关键字都指向一个不同的DOM元素(每次都是一个不同的匹配元素).而且,在每次执行函数时,都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数(从零开始的整型). 返回 'false' 将停止循环 (就像在普通的循环中使用 'break').返回 'true' 跳至下一个循环(就像在普通的循环中使用'continue'). 描述: 迭代两个图像,并设置它们的 src 属性.

setinterval函数执行promise函数

热门专题