首页
学习
活动
专区
工具
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如何控制任务执行顺序

    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

    【Java】父子类执行代码顺序

    static void main(String[] args) { Test1 test1 = new Test2(); } } 执行顺序 父类静态代码块–>子类静态代码块–>...父类代码块–>父类构造方法–>子类代码块–>子类构造方法 分析运行过程 在执行main方法之前,所有的静态已经初始化完毕(静态变量,静态块,常量)(静态里面的这三个没有优先顺序,谁先定义就先执行谁),因为静态...此处博主认为可以联想到java堆栈内存模型区别 静态存储-栈式存储-堆式存储 然后new 一个子类,会跳到子类构造方法,但先不执行构造方法里面的内容,因为还有父类,子类构造方法体第一行,隐藏写着super...()方法,直接跳到父类构造方法,执行构造方法之前,都会判断有没有属性没有初始化,如果有,先初始化属性,执行非静态变量和非静态块(没有优先顺序),在执行构造方法体。...如果还有成员方法,执行成员方法体,成员方法执行之前所有属性全部初始化完毕。

    46810

    Java代码执行顺序初探

    每个静态代码块只会执行一次。 由于JVM在加载类时会执行静态代码块,所以静态代码块先于主方法执行。 如果类中包含多个静态代码块,那么将按照"先定义代码执行,后定义代码执行"。...当父类与子类都有静态代码块和构造函数时候,执行顺序如下: 父类静态代码块 > 子类静态代码块(Java虚拟机加载类时,就会执行该块代码)。...小结 无继承初始化顺序 静态成员变量(静态代码块)→普通成员变量→构造器 有继承初始化顺序 父类静态成员变量、静态代码块→子类静态成员变量、静态代码块→父类普通成员变量、普通代码块→父类构造器→子类普通成员变量...(按出现顺序执行) 4 、调用父类构造方法, 首先父类非静态成员初始化,构造块,普通方法声明(按出现顺序执行) 然后父类构造方法 5、 调用子类构造方法, 首先子类非静态成员初始化,构造块,...普通方法声明(按出现顺序执行) 然后子类构造方法 参考资料 深入了解Java程序执行顺序 Java中普通代码块,构造代码块,静态代码块区别及代码示例 Java:构造器,构造代码块,静态代码执行顺序

    2.7K10

    Android代码执行顺序分析总结

    本文介绍了Android代码执行顺序分析总结,分享给大家,具体如下: 子类、父类变量,代码块,以及构造方法加载顺序,是我们在程序开发中时不时遇到一个问题,也是比较容易混淆。...基础准备: 变量: 成员变量(叫类变量、实例变量)和局部变量 方法: 成员方法和构造方法 代码块:普通代码块、构造代码块、静态代码块、同步代码块 测试父类: public class ParentClass...结果分析: 父类静态代码执行前,父类静态变量就已经执行了。 父类非静态代码执行前,父类非静态变量就已经执行了。 上面结论子类同理。...代码执行顺序总结: 父类静态成员变量—- 父类静态代码块—- 子类静态成员变量—- 子类静态代码块— 父类非静态变量—- 父类非静态代码块—- 父类构造方法—- 子类非静态变量—- 子类非静态代码块...另外关于代码总结: 在类第一次调用时,静态代码块只执行这一次。 静态代码块和静态方法只能调用静态变量; 非静态代码块和非静态方法可以调用任何(静态+非静态)变量。

    98300

    Java基础系列5:Java代码执行顺序

    对象一建立就调用构造代码块了,而且优于构造函数执行。这里强调一下,有对象创建,才会执行构造代码块,类不能调用构造代码,而且构造代码块与构造函数执行顺序是前者先于后者执行。...,按照如下顺序执行执行静态代码执行构造代码执行构造函数 对于静态变量、静态初始化块、变量、初始化块、构造器,它们初始化顺序依次是(静态变量、静态初始化块)>(变量、初始化块)>构造器...1 A静态代码块 2 B静态代码块 3 A构造代码块 4 A构造函数 5 B构造代码块 6 B构造函数 当设计到继承时,代码执行顺序如下: 1、执行父类静态代码块,并初始化父类静态成员...2、执行子类静态代码块,并初始化子类静态成员 3、执行父类构造代码块,执行父类构造函数,并初始化父类普通成员变量 4、执行子类构造代码块,执行子类构造函数,并初始化子类普通成员变量...首先基类中各个变量按照字面顺序进行初始化,然后执行基类构造函数其余部分。 (5)对子类成员数据按照它们声明顺序初始化,执行子类构造函数其余部分。

    76430

    宏任务和微任务代码执行顺序

    2、JavaScript事件循环 既然js是单线程,那就像只有一个窗口食堂,学生需要排队一个一个打饭,同理js任务也要一个一个顺序执行。...为了解决这个问题,JavaScript语言将任务执行模式分成同步和异步: 同步模式: 就是上面所说一种执行模式,后一个任务等待前一个任务结束,然后再执行,程序执行顺序与任务排列顺序是一致、同步...异步模式: 就是每一个任务有一个或多个回调函数(callback),前一个任务结束后,不是执行后一个任务,而是执行回调函数,后一个任务则是不等前一个任务结束就执行,所以程序执行顺序与任务排列顺序是不一致...相信通过上面的文字和代码,你已经对js执行顺序有了初步了解。然而这也是为什么会有小伙伴回答2,4,1,3原因。...3、宏任务和微任务 每个人理解方式不同,因为宏任务和微任务并不是标准,但执行顺序js中是大一统了

    2.7K11

    SQL 执行顺序

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

    2.3K31

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

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

    1.5K50
    领券