首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS执行顺序

javascript给人直观感受是,从上往下执行,但实际上却不是这样,先看个例子 1. console.log(test); 2. var test = "你好"; 3. console.log(...因为javascript执行时,在同一个作用域内是先编译再执行 编译时候会编译 function 和 var 这两个关键词定义变量,编译完成后从上往下执行并向变量赋值 所以执行第1行时, var test...已经执行过了,所以test不会报错,而test2就会报错 需要注意是,对 var test 执行编译时,只是先定义了 test 这个变量,并不会把 "你好" 这个值赋给test,而是到第2行时才给test...赋值,这就是为什么第1行执行结果是 undefined 对于上面的例子,可以这样理解 //先编译 var 定义变量 1. var test; //编译完成后,从上到下执行代码 2. console.log...//执行结果是"你好" function test() { console.log("你好"); } 模拟编译执行过程 //找到 function 定义部分进行编译 //以函数名作为变量名,同时用函数赋值

9.2K60
您找到你想要的搜索结果了吗?
是的
没有找到

关于JS执行顺序

背景 众所周知,JS是单线程语言,但它支持异步操作,其核心机制就是JS引擎事件循环。...原理 总的来说,流程图如下: Promise中代码块是立即执行。...更复杂一点 不管我Promise怎么组合,怎么套,由于setTimeout设置是宏任务,所以它始终在这些微任务都执行完成之后才会运行: setTimeout(() => { console.log...所以它们按顺序排列; 2是宏任务,会放到下一次事件循环时执行; 4是微任务,在首次运行时就把它添加到了微任务队列中,所以在下一次事件循环之前就会被执行。...通过这样事件循环,使得单线程JS也可以拥有异步能力,使得如AJAX请求这样费时间操作可以被安排到后面来执行,不影响页面的加载和渲染。

5.6K30

ajax 和 js 事件执行顺序

有一个需求,滚轮滚动到相应位置时候执行当前动画,这个动画在footer里面,而网页主体通过ajax进行渲染,我在js里面调用ajax渲染数据,然后再获取主体高度,滚动到该高度时候执行动画。...本地测试了一下没什么问题,该有的效果都有了。放在服务器上测试发现无论怎么写,都是先获取主体高度,然后才进行数据渲染。那么必然高度是一个极小值,不符合我想要属性。...我大致想了两种解决办法,均以失败告终,本地是ajax先执行,服务器是js执行。...最后我想到了,ajax不就是一种异步方法,我将其改为同步不就行,先让ajax执行完在执行js事件。...当然这样做有弊端,如果接口出问题,ajax渲染失败,那么整个网页js都将执行不了。不过我想真到了数据都渲染不出地方,访问网页就没有意义了,所以最后我采用了这种方法。

2.9K30

JS如何控制任务执行顺序

Eat supper~ 从这里不难看出,这里主要点是链式调用和流程控制 链式调用很简单,核心点就是函数执行完后 返回 this,栗子: class EatMan { eat(food) {...eat ${food} ~`); return this; } } new EatMan().eat('apple').eat('pear') 这样就实现链式调用了,下面上主菜 - 控制任务执行顺序...这里参考某些中间件实现思路,首先创建一个任务队列,把每个函数放进去,按顺序执行,每个函数执行完成后调用一个 next 函数,执行下一个函数 class EatMan { constructor(...name) { this.name = name; this.tasks = []; this.init(); // 利用 setTimeout 机制 在下一个事件循环才开始执行...Eat dinner~ Eat supper~ 首发自:JS如何控制任务执行顺序 - 小鑫の随笔

3.5K30

Js篇-面试题2-Promise 执行顺序问题

Promise 执行问题 写出下面一段程序输出结果 new Promise(resolve => { console.log(1); setTimeout(() => console.log...console.log(3)) resolve(); }).then(() => console.log(4)) console.log(5) 答案: 1 5 3 4 2 解析:事件循环,任务队列执行顺序...,new Promise是会立即调用,接收了一个resolve参数,执行调用输出console.log(1)语句,遇到setTimeout,它是一个异步宏任务,会推送到任务队列中,进入挂起状态 而promise.resove...也是一个异步微任务,仍然会推送到任务队列中,进入挂起状态,当主线程console.log(5)执行完后,在从异步任务队列中进行执行,在同一栈中,微任务要优先于宏任务执行,所以先执行 3,然后 4,最后是...2 最终执行顺序结果是:1,5,3,4,2

1.3K10

JavaScript Alert 函数执行顺序问题

于是便有了事件循环(event loop)产生,JavaScript 将一些异步操作或 有I/O 阻塞操作全都放到一个事件队列,先顺序执行同步 CPU代码,等到 JavaScript 引擎没有同步代码...由上述原因,导致了诡异 “Alert执行顺序问题”。 我们无法将页面渲染变成同步操作,那么只好把 alert() 变为异步代码,从而才能在页面渲染之后执行。...其实大多数情况下我们替换掉 alert 并不是它不符合我们期待执行顺序,而是因为它实在是太丑了,而且也不支持各种美化,可以想像在一个某一特定主题网站上忽然弹出来一个灰色单调对话框是多么不和谐。...替换掉对话框后,我们还需要解决后续代码执行问题。...JavaScript 回调函数确实非常强大,使用起来也很简单,但是却有一个隐含问题,就是回调嵌套问题,单层回调很容易理解,但如果要实现像我需求一样,有多个 alert 和页面渲染轮流执行情况,

3.1K40

SQL 执行顺序

了解 SQL 执行顺序非常有价值,它可以让我们写出语法正确 SQL,帮助我们简化编写新查询过程。 本文将在 MySQL 基础上,介绍查询语句执行顺序。...实际上,如果是简单单表查询,即查询语句里面只包含了一张表,它将严格按照定义执行顺序执行查询。对于多表查询,数据库有的时候并没有按此顺序运行查询,因为它们实现了一系列优化使查询运行更快。...这些优化可能会改变实际执行顺序,但它们最终必须返回与以默认执行顺序运行查询结果相同。 按照执行顺序规则,排在后面的子句产生结果不能被前面的子句引用。...可以在 ORDER BY 子句中引用 GROUP BY 子句聚合结果,因为 ORDER BY 子句执行顺序在 GROUP BY 子句之后。...如果按照标准执行顺序执行两个大表 LEFT JOIN 再执行 WHERE 过滤,那整个 JOIN 操作将会占用很大内存。

2.2K31

jQuery AJAX load()方法中代码执行顺序问题

问题来源于菜鸟教程介绍 jQuery load() 方法时用一个实例: JS: $("button").click(function(){ $("#div1").load("demo_test.txt...但是实际运行后发现和预想不一样: 方法中代码执行顺序问题-1.png) 方法中代码执行顺序问题-2.png) 从结果来看,是先弹出 alert 再改变文本内容。那么,为什么会这样呢?...demo_test.txt",function(responseTxt,statusTxt,xhr){ alert(responseTxt); if(statusTxt=="success"){ 运行: 方法中代码执行顺序问题...xhr){ if(statusTxt=="success"){ debugger; console.log("1"); } 运行: 方法中代码执行顺序问题...方法中代码执行顺序问题-5.png) 虽然文本内容看上去不变——但是实际情况是文本内容已经改变了,也就是 load() 方法已经生效了,只是 alert 阻塞了浏览器将它渲染出来。

1.5K50

Python - 执行顺序执行入口

Python 是如何执行执行顺序是怎么样? 至上而下,逐行执行 #!...什么是 Python 脚本执行入口 类比:进入一栋大楼肯定有个大门入口,赛车要进入赛道也一定有一个入口 所以,执行程序,也需要一个入口 一般称代码执行入口叫做主函数(main 函数) 执行入口(主函数...)写法 if __name__ == '__main__': print("执行入口代码") 比较通俗一个说法 假设你叫 xiaoming.py,那么在其他人眼里,你是 xiaoming(...假设运行是 xiaoming.py,那么就会执行主函数 假设运行是 xiaohong.py,即使 xiaohong 导入了 xiaoming,也不会执行 xiaoming.py 里面的主函数(main...函数) 是否一定需要执行入口(主函数) 不一定 假设没有主函数,那么运行 xiaoming.py 时,就会至上而下,逐行运行 xiaoming.py 所有代码 执行入口意义 将业务代码写在主函数上面

1.8K40

线程顺序执行

一、实现 本文使用了8种方法实现在多线程中让线程按顺序运行方法,涉及到多线程中许多常用方法,不止为了知道如何让线程按顺序运行,更是让读者对多线程使用有更深刻了解。...— 1 — 使用线程 join 方法 join():是Theard方法,作用是调用线程需等待该join()线程执行完成后,才能继续用下运行。...,主要是因为线程进入顺序,造成锁住线程顺序不一致。...应用场景:串行执行所有任务。如果这个唯一线程因为异常结束,那么会有一个新线程来替代它。此线程池保证所有任务执行顺序按照任务提交顺序执行。...,主要是因为线程进入顺序,造成锁住线程顺序不一致 早上: 测试人员来上班了… 产品经理来上班了… 开发人员来上班了… 测试人员先休息会… 产品经理规划新需求 开发人员开发新需求功能 测试人员测试新功能

2.9K30

MySQLsql执行顺序

在SQL语句中每个关键字都会按照顺序往下执行,而每一步操作,会生成一个虚拟表,最后产生虚拟表会作为执行最终结果返回。下面的是常用关键字执行顺序: ?...)未匹配行作为外部行添加到虚拟表VT2中,从而产生虚拟表VT3; 4、WHERE:对虚拟表VT3进行WHERE条件过滤,只有符合记录才会被放入到虚拟表VT4; 5、...:对虚拟表VT6进行HAVING条件过滤,只有符合记录才会被插入到虚拟表VT7中; 8、SELECT:执行SELECT操作,选择指定列,插入到虚拟表VT8中; 9...、DISTINCT:对虚拟表VT8中记录进行去重,产生虚拟表VT9; 10、ORDER BY:将虚拟表VT9中记录按照进行排序操作,产生虚拟表VT10; 11、LIMIT...:取出指定行记录,产生虚拟表VT11,并将结果返回。

2.2K20

Promise、setTimeout执行顺序

什么是event loop event loop是js事件执行机制,我们一般简称为事件循环(之所以称作事件循环,是因为它经常被用于类似如下方式来实现) while (queue.waitForMessage...同步和异步任务 ​ 要了解异步线程我们首先应该明白它用处,因为js单线程特性,任务执行顺序都是依次执行,而当我们在工作中遇到网络请求,前后端交互时候,你数据不会马上拿到,这需要时间,如果等拿到数据再执行下面的代码...setTimeout,包含异步微任务promise,这套题答案是1.3.4.2 ,我们首先找到同步任务,1 3 是同步任务,然后执行异步任务,异步任务如果按顺序执行则是24 但是答案是4.2那么我们可以知道...promise执行顺序优先于setTimeout所以由此可知,在异步任务中,微任务优先于宏任务执行,可以看看下图。...红线就是任务执行顺序 黑线是任务结构 看完这么多下面来完成下面这道题并加以分析: console.log(1) setTimeout(() => { console.log(2) new

63520
领券