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

八、通过断点调试观察JS执行过程

在我的demo中,我把代码放在app.js,并在index.html中引入。我们暂时只需要关注截图中红色箭头的地方。在最右侧上方,有一排图标。我们可以通过使用他们来控制函数的执行顺序。...这是来自《你不知道的js》中的一个例子。由于在使用断点调试过程中,发现chrome浏览器理解的闭包与该例子中所理解的闭包不太一致,因此专门挑出来,供大家参考。我个人更加倾向于chrome中的理解。...我们来看看在《你不知道的js》这本书中的例子中的理解。 ? 书中的注释可以明显的看出,作者认为fn为闭包。即baz,这和chrome工具中明显是不一样的。...所以通过这个对比,我们可以确定闭包的形成需要两个条件。 •在函数内部创建新的函数;•新的函数在执行时,访问了函数的变量对象; 还有更有意思的。 我们继续来看看一个例子。...通常我们通过闭包所对应的函数来获得对闭包的访问。 更多的例子,大家可以自行尝试,总之,学会了使用断点调试之后,我们就能够很轻松的了解一段代码的执行过程了。

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

Electron通过协议url唤起应用

name=1&pwd=2,系统会去找到已经注册了 myapp 这个协议的应用,然后把 URL 当做参数传过去。 这样我们就可以在浏览器中通过一个 标签简单地唤起应用了。...或者 electron path/to/script.js 来启动的应用,所以 process.argv[1] 是我们的脚本路径,传给系统时,这个参数也不能少,否则启动的就是一个纯粹的 Electron...`argv` app.on('second-instance', (event, argv) => { // Windows 下通过协议URL启动时,URL会作为参数,所以需要在这个事件里处理...if (process.platform === 'win32') { handleArgv(argv); } }); // macOS 下通过协议URL启动时,主实例会通过 open-url...name=1&pwd=2 链接可以通过全局对象 URL 来解析: function handleUrl(urlStr) { // myapp://?

3.3K20

js --- 执行机制

JS为什么是单线程的?  JS最初被设计用在浏览器中,那么想象一下,如果浏览器中的JS是多线程的。...process1 删除了该dom,而process2 编辑了该dom,同时下达2个矛盾的命令,浏览器究竟该如何执行呢? 2 JS为什么需要异步?...如果JS中不存在异步,只能自上而下执行,如果上一行解析时间很长,那么下面的代码就会被阻塞。 对于用户而言,阻塞就意味着"卡死",这样就导致了很差的用户体验 3 JS单线程又是如何实现异步的呢?   ...是通过的事件循环(event loop),理解了event loop机制,就理解了JS执行机制。...,而是延迟了一段时间,满足一定条件后才去执行的,这类代码,我们叫异步代码。

6.2K20

JS】2030- 通过可视化彻底搞懂 Promise执行逻辑

我们可以通过调用 resolve 来解决这个 Promise,这是通过执行函数可以实现的。...这是一个通过将 then 处理程序链接到 Promise 而创建的对象。 此 Promise Reaction 包含一个 [[Handler]] 属性,其中包含我们传递给它的回调。...然后,执行函数被执行。在函数体的第一行,我们调用了 setTimeout,并将其添加到调用堆栈中。...例如,您可能希望采取一系列增量的步骤,通过操作(如调整大小、应用滤镜、添加水印等)来改变图像的外观。...Promises 最酷的地方在于,如果通过 then 或 catch 附加了处理程序,就可以触发异步操作。由于处理程序被推送到微任务队列,因此可以以非阻塞的方式处理最终结果。

11410

JS执行机制

JS执行机制 以下代码执行的结果是什么?...console.log(1); setTimeout(function () { console.log(3); }, 0); console.log(2); 1.1 JS 是单线程...单线程就意味着,所有任务需要排队,前一个任务结束,才会执行后一个任务。这样所导致的问题是: 如果 JS 执行的时间过长,这样就会造成页面的渲染不连贯,导致页面渲染加载阻塞的感觉。...于是,JS 中出现了同步任务和异步任务。 同步 ​   前一个任务结束后再执行后一个任务,程序的执行顺序与任务的排列顺序是一致的、同步的。...他们的本质区别: 这条流水线上各个流程的执行顺序不同。 1.3 JS执行机制(事件循环) 1. 先执行执行栈中的同步任务。 2. 异步任务(回调函数)放入任务队列中。 3.

7.4K20

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
领券