首页
学习
活动
专区
工具
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
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    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.6K30

    ajax 和 js 事件执行顺序

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

    2.9K30

    SQL 执行顺序

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

    2.3K31

    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

    MySQL语句执行顺序

    MySQL语句一共分为11步,如下图所标注那样,最先执行总是 FROM操作,最后执行是LIMIT操作。...其中每一个操作都会产生一张虚拟表,这个虚拟表作为一个处理输入,只是这些虚拟表对用户来说是透明 ,但是只有最后一个虚拟表才会被作为结果返回。...如果没有在语句中指定某一个子句,那么将会跳过相应步骤。 ? 下面我们来具体分析一下查询处理每一个阶段 FORM: 对FROM左边表和右边表计算笛卡尔积。...,那么就会对上一个join连接产生结果VT3和下一个表重复执行步骤1~3这三个步骤,一直到处理完所有的表为 止。...SELECT: 执行select操作,选择指定列,插入到虚拟表VT8中。 DISTINCT: 对VT8中记录进行去重。产生虚拟表VT9.

    6.5K100

    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

    66920

    SQL 语句执行顺序

    直到 WHERE 子句执行完毕,count 才会被计算出来。...SQL 语句书写顺序如下: SELECT -> FROM -> WHERE -> GROUP BY -> HAVING -> ORDER BY SQL 语句执行顺序如下: FROM -> WHERE...-> GROUP BY -> HAVING -> SELECT -> ORDER BY 其中 SELECT 和 FROM 是必须,其他关键词是可选,这六个关键词执行顺序 与SQL语句书写顺序并不是一样...,而是按照下面的顺序执行 FROM:需要从哪个数据表检索数据 WHERE:过滤表中数据 GROUP BY:将上面过滤出数据分组 HAVING:对上面已经分组数据进行过滤 SELECT:查看结果集中哪个列...,或列计算结果 ORDER BY:按照什么样顺序来查看返回数据 所以本文开头所说查询有两种实现 SQL: # 使用 HAVING 过滤分组中数据 SELECT id, COUNT(client

    3.5K41

    Spring BeanPostProcessor 执行顺序

    方法第一个参数是 User 对象,第二个参数是在配置文件中指定 id 值; 加工好之后通过 return 将对象返回给 Spring 容器,然后 Spring 容器继续按照流程执行 初始化操作,先是...InitializingBean 初始化操作; 再是 init-method 初始化; 然后 Spring 容器再次将对象交给 BeanPostProcessor ,执行 postProcessAfterInitialization...实际上在实战中,我们很少处理 Spring 初始化操作,所以没有必要区分 Before 还是 After。只需要实现其中一个即可,显然选 After 方法更好。...此时我们定义一个 BeanPostProcessor,实现他后置处理器方法,: public class MyBeanPostProcessor implements BeanPostProcessor...category = (Category) bean; category.setName("古力娜扎"); return category; } } 当我们在此时时候

    1.4K20
    领券