js的执行顺序问题

最新推荐文章于 2024-03-09 22:59:25 发布
最新推荐文章于 2024-03-09 22:59:25 发布
阅读量228 收藏
点赞数
分类专栏： 前端html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_28395503/article/details/102870515
版权

JS的执行顺序

一、 语法分析

浏览器将所有JS检查一遍，看有没有语法错误，这里并不会执行，没有错误则进行第二步，预编译

二、预编译

  1. 预编译的时候会创建一个AO对象（Activation Object）执行上下文
  2. 函数声明整体提升，变量 声明提升。 值为undefind，，

    理解：(找形参和变量声明，将形参和变量作为AO对象的属性名，值为undefined;)。

三、语句执行

异步的执行顺序

这里举例：setimeout和Promise执行属性

  1. new Promise函数里的是属于同步的，会按进行同步处理
  2. 在执行then()的回调函数
  3. 最后执行setimeout
前端自由人
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS执行顺序问题
Drift King 的博客
12-05 291
今天，写业务代码的时候突然发现了js执行顺序的问题，就网上查了下资料，自己整理了下，列了出来。原来自己之前都没有在意过。（要对代码怀着敬畏之心啊） 一、JS——>单线程 严格意义上来说，javascript没有多线程的概念，所有的程序都是单线程依次执行的。 什么是单线程 通俗点说，就是代码在执行过程中，另一段代码想要执行就必须等当前代码执行完成后才可以进行。我们拿一段代码来解释一下吧。...
js中this指向问题
l529936997的博客
06-29 117
this 与其他语言相比，函数的 this 关键字在 JavaScript 中的表现略有不同，此外，在严格模式和非严格模式之间也会有一些差别。 在绝大多数情况下，函数的调用方式决定了 this 的值（运行时绑定）。this 不能在执行期间被赋值，并且在每次函数被调用时 this 的值也可能会不同。ES5 引入了 bind 方法来设置函数的 this 值，而不用考虑函数如何被调用的。ES2015 引入了箭头函数，箭头函数不提供自身的 this 绑定（this 的值将保持为闭合词法上下文的值）。 语法 值 当前
js中的事件执行顺序梳理
WANG944282的博客
04-18 8137
js的事件执行顺序梳理
js执行顺序
热门推荐
m0_58709757的博客
03-29 1万+
1.首先js是单线程的 所有的同步任务都是按顺序依次执行的，前面的执行完了之后才会执行后面的任务。遇到计算量大的代码就会阻塞在这里。下面的代码就是打印输出10000次，当循环走完了之后 才会走后面的代码，输出的时间是981ms 输出981ms 2.因为js是单线程的，所有的任务都需要按顺序执行，那如果我在执行过程中开启了一个定时器，定时器延迟10秒执行，后面的代码是不是要十秒之后才执行呢？ 测试一下 输出的结果表示：定时器后面的代码先执行了，而定时器里面的代码再10秒后执行了
js【深度解析】代码的执行顺序
最新发布
朝阳39的博客
03-09 1190
我们将每一句要执行的 js 代码当做一个任务，则 js 代码可以按照其执行方式的不同，按下图分类微任务：被放入微任务队列（micro task queue）中等待执行的代码因为Promise、async 、await 都是 ES6 语法定义的宏任务：被放入 Web APIs 中等待执行的代码因为 setTimeout 、setInterval 都是浏览器定义的。
js的执行顺序
smallNut的博客
02-16 3173
JS的运行机制 先来一个今日头条的面试题 async function async1() { console.log('async1 start'); await async2(); console.log('async1 end'); } async function async2() { console.log('async2'); } console.log('script start'); setTimeout(function() { console.l
JavaScript 执行顺序梳理 ， 建议收藏！
Jack, what else can you do besides holding your little darling?
10-19 1393
一.概念 1.解释型语言执行步骤 预编译 扫描上下文。扫描错误 函数和变量声明的提升 解释执行 一条一条执行代码 2.任务队列event queue ????异步任务进入event queue任务队列 所有任务可以分成两种，一种是同步任务（synchronous），另一种是异步任务（asynchronous）。同步任务指的是，在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务；异步任务指的是，不进入主线程、而进入"任务队列"（task queue）的任务，只有"任务
JavaScript 程序执行顺序问题总结
10-28
JavaScript 程序执行顺序是JavaScript编程中至关重要的概念，它涉及到变量声明、函数定义、代码块处理以及事件处理等方面。下面将详细解释这些知识点。 1. 变量的声明和引用 在JavaScript中，变量必须先声明后使用...
js 程序执行与顺序实现详解
10-27
JavaScript是一种描述型脚本语言，由浏览器进行动态的解析与执行，浏览器对于不同的方式有不同的解析顺序，详细介绍如下，感兴趣的朋友可以参考下哈
JavaScript代码执行的先后顺序问题
10-19
今天就给大家介绍一个特别基础的东西，javascript中函数的一点儿小知识之js代码的执行顺序问题，需要的朋友参考下吧
JavaScript执行顺序
05-12
JavaScript执行顺序 详细介绍JavaScript执行顺序 JavaScript执行顺序
html中嵌入js执行顺序_html中嵌入js执行顺序_
10-03
总结来说，理解HTML中嵌入JavaScript的执行顺序是至关重要的，它可以帮助我们优化代码结构，提高网页性能，并避免因脚本执行时机不当导致的问题。在实际开发中，应合理利用`async`、`defer`等特性，以及模块化加载...
JavaScript 全面解析各种浏览器网页中的JS 执行顺序
10-30
近来我通过一些测试以全面的解析网页在各种浏览器中的JavaScript代码的执行顺序，在这儿做个记录。
js代码执行顺序简单介绍,详细说明js的执行过程
chatgpt002的博客
11-13 85
v8引擎工作原理：Parser：负责将JavaScript源码转换为Abstract Syntax Tree (AST)；如果函数没有被调用，那么是不会被转换成AST的Ignition：interpreter，即解释器，负责将AST转换为Bytecode，解释执行Bytecode；同时收集TurboFan优化编译所需的信息，比如函数参数的类型，有了类型才能进行真实的运算；如果函数只调用一次，Ignition会执行解释执行ByteCode解释器也有解释执行bytecode的能力。
JS在 HTML中的执行顺序
CSDNY_88的博客
12-30 1240
JS代码可以在HTML代码的和中引用 1、按照解析HTML代码的先后顺序来决定JS的执行顺序
js代码执行顺序简单介绍,javascript代码怎么运行
chatgpt002的博客
12-02 214
在 JavaScript 中，根据词法作用域的规则，内部函数总是可以访问其外部函数中声明的变量，当通过调用一个外部函数返回一个内部函数后，即使该外部函数已经执行结束了，但是内部函数引用外部函数的变量依然保存在内存中，我们就把这些变量的集合称为闭包。查找一个变量的时候，沿着词法环境的栈顶向下查询，如果在词法环境中的某个块中查找到了，就直接返回给 JavaScript 引擎，如果没有查找到，那么继续在变量环境中查找。通俗地理解，作用域就是变量与函数的可访问范围，即作用域控制着变量和函数的可见性和生命周期。
JavaScript执行顺序总结
qq_41872385的博客
03-11 4435
js的执行顺序
js setInterval 和 promise 执行顺序问题
09-01
- *1* [js 关于setTimeout和Promise执行顺序问题](https://blog.csdn.net/zlzbt/article/details/100577954)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值