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

漫谈如何终止 JS 程序的运行

最近在开发一个 JSSDK 的时候有一个需求:为了检测当前环境中是否已经加载过该脚本,需要在脚本开始运行时加入一层判断,如果检测到已存在该脚本导出的变量,则终止脚本的后续运行,否则再执行后续逻辑。...那么便碰上了本文标题的问题:如何终止 JS 程序的运行? 在很多其他语言比如 PHP 当中,存在 exit 函数来中止程序的运行。很遗憾的是 JavaScript 没有。...看起来可以用这个方式来达到我们终止 JS 脚本运行的目的。...确实,将代码包裹在 IIFE 中可以随时控制脚本运行是否终止,但是这是否有点麻烦呢?...而且,并不是所有需要中断程序运行的场景下都适合将代码通过 IIFE 来执行。因此,这一方式可行,但不够简洁。 实际可行的方法是利用错误来终止 JavaScript 程序的运行

7.6K21

如何实现 JS 运行时的 Inspector 能力

JS 也不例外,我们可以通过浏览器来实现对 JS 的调试,但是 JS 运行时就不太一样了,因为 JS 运行时通常独立于浏览器运行,所以无法直接使用浏览器提供的能力,这时候就需要自己实现了。...当然 JS 运行时不需要完全实现调试的功能,核心的能力都是由 V8 提供,JS 运行时只需要按照 V8 的规范实现一个 Inspector 代理就行。...本文介绍以 V8 为基础,实现一个简单的 JS 运行时(严格来说不算,本文只是用它来代替一个描述),并基于这个 JS 运行时实现调试 JS 的能力。...在本文这个简单的 JS 运行时中,目前只会在一个 while 循环中不断执行 JS,所以这里通过 RequestInterrupt 就可以了。...通过 Chrome Dev Tools 就可以对我们的 JS 运行时进行调试。

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

如何写一个 JS 运行

前言:随着 Node.js 的出现和不断发展,其他新的 JS 运行时也穷出不断,Deno、Just、Bun等等。...本文简单介绍一下如何写一个 JS 运行时,相比操作系统、编译器来说,写一个 JS 运行时理论上并不是一个难的事情,但是写一个优秀且功能齐全的运行时并不是一个容易的事情。...JS 引擎 写一个 JS 运行时,首先就必须需要一个 JS 引擎来处理 JS,大部分的 JS 运行时都是基于 V8的,当然你也可以使用其他的 JS 引擎。...事件循环本质上是一个生产者 / 消费者模型,在这个模型中,最重要的是当没有任务消费的时候,如何处理。通常使用的是阻塞 / 唤醒的机制,通常是使用事件驱动模块实现这种机制。...运行时了。

1.7K30

JS运行机制

本文阐述了浏览器端和node端的js运行机制执行的过程,还进行了两者的运行机制比较,以及同步任务和异步任务的说明,两种异步任务的必要性,以及各自有哪些回调,部分回调的优先级。...JS运行机制复述 首先js执行,会有一个函数执行栈(stack),一个任务队列(task queue),一个微任务队列(microtask queue),事件循环(event loop)。...浏览器和Node端事件循环的差别 两者的运行机制完全不同,实现机制也不同。 node.js可以理解成4个宏任务队列(timer、I/O、check、close)和2个微任务队列。...JS异步任务 js的异步任务分为两种:宏任务、微任务。一个宏任务里面可以拥有多个微任务,在执行js代码块的时候才会去执行内部的微任务。 宏任务 macrotask,也叫tasks。...function () { console.log('promise') }) }) setTimeout(() => { console.log(3) }) node11以后的版本与浏览器端运行结果一致

3.8K30

JS运行机制

代码块: JS中的代码块是指由标签分割的代码段。JS是按照代码块来进行编译和执行的,代码块间相互独立(即就算代码块1出错,但不影响代码块2的加载和执行),但变量和方法共享。...的加载原理: 在加载HTML页面的时候,当浏览器遇到内嵌的JS代码时会停止处理页面,先执行JS代码,然后再继续解析和渲染页面。...由于现代浏览器都允许并行下载JS文件,因此标签在下载外部资源时不会阻塞其他的标签。遗憾的是JS下载过程仍然会阻塞其他资源的下载。...JavaScript的任务列队: JS任务可以分为两种:一种是同步任务,另一种是异步任务。注意,只有主线程空了,才会去读取"任务队列",这就是JS运行机制,这个过程会不断重复。...定时器功能主要由setTimeout()和setInterval()这两个函数来完成,它们的内部运行机制完全一样,区别在于前者指定的代码是一次性执行,后者则为反复执行。

2.4K20

JS底层运行机制

想要了解JS底层运行机制,首先要明白这几个概念: 为什么js能在浏览器中执行 众所周知,计算机是有内存的,计算机会在内存中开辟一块空间去供js执行,这个空间我们称之为执行栈 全局对象和全局变量对象是一样的吗...全局变量对象,在script标签内的代码执行时,会形成EC(G)的栈,EC(G)进栈(执行环境栈,EC Stack)执行,形成全局执行上下文(VO(G)),供给下级作用域 js中上下文有哪些 全局上下文...执行上下文 为了进行区域划分,会形成不同的执行上下文,全局环境会形成全局执行上下文,函数执行会形成函数执行上下文,通过作用域链scope chain形成链式关系 举个例子,var a = 12在底层是如何执行的...      初始化作用域链 scope chain       初始化this       初始化arguments       形参赋值       变量提升 3.函数体代码执行 4.出栈释放 ---- JS...底层运行机制(成哥版,腾讯课堂有免费公开课) 函数都是对象,对象身上就会有属性,有的属性可以访问,有的属性不能直接访问 函数执行多次会生成多个上下文,每个执行上下文都是独一无二的,函数执行完,执行上下文被销毁

1.9K10

Js是怎样运行起来的?

有的同学可能已经知道,Js 是通过 Js 引擎运行起来的,那么 什么是 Js 引擎? Js 引擎是怎样编译执行和优化 Js 代码的?...今天我们主要来分析一下比较主流的 V8 引擎是怎样运行 Js 的。 V8 引擎 在介绍 V8 引擎的概念之前,我们先来回顾一下编程语言。编程语言可以分为机器语言、汇编语言、高级语言。...用于 Google Chrome(Google 的开源浏览器) 以及 Node.js 等。 CPU 是如何执行机器指令的? 将高级语言转化为机器语言之后,CPU 又是怎样执行的呢?...完整的分析一段 JavaScript 代码是怎样被执行的 1、初始化基础环境 V8 执行 Js 代码是离不开宿主环境的,V8 的宿主可以是浏览器,也可以是 Node.js。...下图是浏览器的组成结构,其中渲染引擎就是平时所说的浏览器内核,它包括网络模块,Js 解释器等。当打开一个渲染进程时,就为 V8 初始化了一个运行时环境。

2.9K21

js Event Loop 运行机制

而且运行js代码的运行环境除了浏览器还有node。因此不同环境处理Event Loop又变得不同,十分容易混淆。如果你有这样的疑问。下文将给你一个清晰的解释。...js引擎线程(JS解析线程) 也称为JS内核,负责处理Javascript脚本程序。(例如V8引擎) JS引擎线程负责解析Javascript脚本,运行代码。...JS引擎一直等待着任务队列中任务的到来,然后加以处理,一个Tab页(renderer进程)中无论什么时候都__只有一个JS线程在运行JS程序__ 同样注意:UI渲染线程与JS引擎线程是互斥的,所以如果JS...node运行环境中的进程和线程 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。他的目标就是解析js代码,让他能运行起来。...参考文献 从浏览器多进程到JS单线程,JS运行机制最全面的一次梳理 Node.js的线程和进程详解

1.7K40

「硬核JS」一次搞懂JS运行机制

前言 本文首发于掘金,PC端点击文章末尾阅读原文观看体验更好 从开始做前端到目前为止,陆续看了很多帖子讲JS运行机制,看过不久就忘了,还是自己理一遍好些 通过码字使自己对JS运行机制相关内容更加深刻(...了 从零到一百再到一,从多方面了解JS运行机制,体会更深刻,请认真读下去 本文大致分为以下这样的步骤来帮助我们由广入深更加清晰的了解JS运行机制 首先我们要了解进程和线程的概念 其次我们要知道浏览器的进程线程常识...运行机制在平常前端面试时不管是笔试题还是面试题命中率都极高 说到JS运行机制,你知道多少 看到这大家可能会说:JS运行机制嘛,很简单,事件循环、宏微任务那点东西 是的,作为一名前端我们都了解,但是如果这真的面试问到了这个地方...脚本程序(例如V8引擎) JS引擎线程负责解析Javascript脚本,运行代码 JS引擎一直等待着任务队列中任务的到来,然后加以处理 浏览器同时只能有一个JS引擎线程在运行JS程序,所以js是单线程运行的...主线程上的任务都会放到消息队列中执行,主线程会循环消息队列,并从头部取出任务进行执行,如果执行过程中产生其他任务需要主线程执行的,渲染进程中的其他线程会把该任务塞入到消息队列的尾部,消息队列中的任务都是宏任务 微任务是如何产生的呢

1.9K10
领券