首页
学习
活动
专区
工具
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中的代码块是立即执行的。...context: Context; promise_to_resolve: JSPromise; thenable: JSReceiver; then: JSReceiver; } 所以说它会在最外层代码执行完后再去执行...,所以它们按顺序排列; 2是宏任务,会放到下一次事件循环时执行; 4是微任务,在首次运行时就把它添加到了微任务队列中,所以在下一次事件循环之前就会被执行。...通过这样的事件循环,使得单线程的JS也可以拥有异步的能力,使得如AJAX请求这样费时间的操作可以被安排到后面来执行,不影响页面的加载和渲染。

5.6K30

finally中的代码一定会执行吗

1.典型回答 正常运行的情况下,finally 中的代码是一定会执行的,但是,如果遇到以下异常情况,那么 finally 中的代码就不会继续执行了: 程序在 try 块中遇到 System.exit()...方法,会立即终止程序的执行,这时 finally 块中的代码不会被执行,例如以下代码: public class FinallyExample { public static void main...try 块,此时 finally 块中的代码也不会被执行。...掉电问题,程序还没有执行到 finally 就掉电了(停电了),那 finally 中的代码自然也不会执行。 JVM 异常崩溃问题导致程序不能继续执行,那么 finally 的代码也不会执行。...中发生了死循环、死锁,遇到了掉电、JVM 崩溃等问题,那么 finally 中的代码也是不会执行的。

16910

ajax 和 js 事件的执行顺序

有一个需求,滚轮滚动到相应位置的时候执行当前的动画,这个动画在footer里面,而网页的主体通过ajax进行渲染,我在js里面调用ajax渲染数据,然后再获取主体的高度,滚动到该高度的时候执行动画。...我大致想了两种解决办法,均以失败告终,本地是ajax先执行,服务器是js执行。...ajax的success回调里面,结果是只有打开网页第一次能够成功,然后不管刷新多少次均无效,事件被屏蔽,所以方法二也被废除; 最后我想到了,ajax不就是一种异步方法,我将其改为同步不就行,先让ajax执行完在执行...js事件。...当然这样做有弊端的,如果接口出问题,ajax渲染失败,那么整个网页的js都将执行不了。不过我想真到了数据都渲染不出的地方,访问网页就没有意义了,所以最后我采用了这种方法。

2.9K30

JS如何控制任务的执行顺序

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

3.5K30

Java代码执行顺序初探

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

2.6K10

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

static{ System.out.println("父类静态代码块"); } { System.out.println("父类代码块");...static void main(String[] args) { Test1 test1 = new Test2(); } } 执行顺序 父类静态代码块–>子类静态代码块–>...父类代码块–>父类构造方法–>子类代码块–>子类构造方法 分析运行过程 在执行main方法之前,所有的静态已经初始化完毕(静态变量,静态块,常量)(静态里面的这三个没有优先顺序,谁先定义就先执行谁),因为静态...()方法,直接跳到父类构造方法,执行构造方法之前,都会判断有没有属性没有初始化,如果有,先初始化属性,执行非静态变量和非静态块(没有优先顺序),在执行构造方法体。...如果还有成员方法,执行成员方法体,成员方法执行之前所有属性全部初始化完毕。

44410

Android代码执行顺序分析总结

本文介绍了Android代码执行顺序分析总结,分享给大家,具体如下: 子类、父类变量,代码块,以及构造方法的加载顺序,是我们在程序开发中时不时遇到的一个问题,也是比较容易混淆的。..." + "---" + age); } static { System.out.println("子类静态代码块" + "---" + name); } } 执行new ChildrenClass...结果分析: 父类静态代码执行前,父类静态变量就已经执行了。 父类非静态代码执行前,父类非静态变量就已经执行了。 上面结论子类同理。...代码执行顺序总结: 父类的静态成员变量—- 父类静态代码块—- 子类静态成员变量—- 子类静态代码块— 父类非静态变量—- 父类非静态代码块—- 父类构造方法—- 子类非静态变量—- 子类非静态代码块...另外关于代码块的总结: 在类第一次调用时,静态代码块只执行这一次。 静态代码块和静态方法只能调用静态变量; 非静态代码块和非静态方法可以调用任何(静态+非静态)变量。

94400

Java 静态代码块,构造代码块,构造函数执行顺序

类调用时,先执行静态代码块,然后才执行主函数的,总的来说,静态代码块是和类一起的,优先级最高,类加载的同时,静态代码块同时也执行,但只执行一次,所以作用一般是用来加载一些配置代码,或者加载某些文件配置。...构造代码块 构造代码块的作用同样是给对象进行初始化。对象一建立就运行构造代码块了,而且优先于构造函数执行。...这里要强调一下,有对象建立,才会运行构造代码块,类不能调用构造代码块的,而且构造代码块与构造函数的执行顺序是前者先于后者执行。...,都会先执行相同的构造代码块。...也就是说,构造代码块中定义的是不同对象共性的初始化内容。 运行结果: 可以看出来,静态代码块只执行一次,而每次创建对象都会调用共同的构造代码块,而构造函数也只在创建对象时执行该对象的构造函数。

76410

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

对象一建立就调用构造代码块了,而且优于构造函数执行。这里强调一下,有对象创建,才会执行构造代码块,类不能调用构造代码块的,而且构造代码块与构造函数的执行顺序是前者先于后者执行。...,按照如下顺序执行执行静态代码执行构造代码执行构造函数 对于静态变量、静态初始化块、变量、初始化块、构造器,它们的初始化顺序依次是(静态变量、静态初始化块)>(变量、初始化块)>构造器...public static void main(String[] args) { Test t=new Test(); } } 结果: 静态变量 静态初始化块 变量 初始化块 构造函数 2、继承情况下的代码执行顺序...1 A的静态代码块 2 B的静态代码块 3 A的构造代码块 4 A的构造函数 5 B的构造代码块 6 B的构造函数 当设计到继承时,代码执行顺序如下: 1、执行父类的静态代码块,并初始化父类的静态成员...基类的构造过程以及构造顺序,同派生类的相同。首先基类中各个变量按照字面顺序进行初始化,然后执行基类的构造函数的其余部分。 (5)对子类成员数据按照它们声明的顺序初始化,执行子类构造函数的其余部分。

73530

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

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

2.6K11

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券