1、执行上下文是指函数调用时在执行栈中产生的当前函数(或全球对象window)的执行环境，该环境如隔绝外部世界的容器边界，保管可访问的变量、this对象等。
（注1：如果有问题欢迎留言探讨，一起学习！转载请注明出处，喜欢可以点个赞哦！） （注2：更多内容请查看我的目录。）
在我们前面理解了作用域之后，“作用域链”这个概念就产生了。那么作用域链是什么意思，它又是怎么形成的，跟哪些概念有关系，这就是我接下来几章想和大家探讨的内容：执行上下文、变量对象和作用域链。根据顺序我们也可以看出来，想要理解作用域链，执行上下文是我们碰到的第一个坎。
JS中的递归我们来看一个阶乘的代码function foo( n ){ if(n <= 1){ return 1; } return n * foo( n - 1 );}foo(5); // 120下面分析一下，代码运行过程中,执行上下文栈是怎么变化的这个代码是在全局作用域中执行的，所以在foo函数得到执行之前，上下文栈中就已经被放入了一个全局上下文。之后执行一个函数，生成一个新的执行上下文时，JS引擎都会将新的上下文push到该栈中。如果函数执行完成，JS引擎会将对应的上下文从上下文栈中弹出
众所周知，计算机是有内存的，计算机会在内存中开辟一块空间去供js执行，这个空间我们称之为执行栈
JS中的递归 我们来看一个阶乘的代码 function foo( n ){ if(n <= 1){ return 1; } return n * foo( n - 1 ); } foo(5); // 120 下面分析一下，代码运行过程中,执行上下文栈是怎么变化的 这个代码是在全局作用域中执行的，所以在foo函数得到执行之前，上下文栈中就已经被放入了一个全局上下文。之后执行一个函数，生成一个新的执行上下文时，JS引擎都会将新的上下文push到该栈中。如果函数执行完成，JS引擎会将对应的
作用域与作用域链本应该是一个非常简单的概念。可是在近两年多的留言中，我发现这些概念反而成为了大多数人想不明白的点，而感到困惑的原因在于，别的文章里，常常会提到词法作用域，词法分析等概念，到底是什么东西？好像跟我说的有一点不一样，但又不知道哪里不对？
你是否曾觉得 JavaScript 似乎在戏弄你，尤其是当它在你面前挥舞 this 关键字时？那种“好吧，JavaScript，今天我们玩什么游戏？”的感觉。特别是当你试图确定在某段代码中 this 引用的是什么时。
今天是2019年12月17年，星期三。今天北京是个大晴天，我下楼遛弯的时候看到天灰常的蓝。2019年还有不到15天就结束了，各位宝宝年初的目标实现了几个呢？emmm，我还有一个目标没有实现，时间不多了，作为明年的目标吧，哈哈哈哈哈哈哈哈~
作为一个前端小白，入门跟着这几个来源学习，感谢作者的分享，在其基础上，通过自己的理解，梳理出的知识点，或许有遗漏，或许有些理解是错误的，如有发现，欢迎指点下。
1. 背景 某天吃饭的时候突然想到，都说 with 会有问题，那么是什么问题，是怎样导致的呢？知其然不知其所以然，在好奇心的驱使下，从 with 出发，一路追溯到 VO、AO。那么先来复习一下 with 是干嘛的吧。 2. with js 的 with 是为对象访问提供命名空间式的访问方式，with 创建一个对象的命名空间，在这个命名空间内你可以直接访问对象的属性，而不需要通过对象来访问： const o = { a: 1, b: 2 }; with (o) { console.log(a); /
JS 中的this关键字对于初学者来说是一个谜，对于经验丰富的开发人员来说则是一个永恒的难题。this 实际上是一个移动的目标，在代码执行过程中可能会发生变化，而没有任何明显的原因。首先，看一下this关键字在其他编程语言中是什么样子的。 以下是 JS 中的一个 Person 类：
运行JavaScript代码时，当代码执行进入一个环境时，就会为该环境创建一个执行上下文，它会在你运行代码前做一些准备工作，如确定作用域，创建局部变量对象等。
摘要总结：本文主要介绍了如何使用HTML5的Canvas元素为网页添加图形绘制功能，并提供了各种示例。通过这些示例，读者可以快速掌握如何使用Canvas元素进行图形绘制，并可以通过修改代码来创建不同的效果。
大家好，今天和大家讨论的是新窗口创建问题，通常来说，我们打开一个 Electron 程序，映入我们眼帘的就是主窗口，基本上是通过 BrowserWindow创建的
前言 回想起之前的一些面试，几乎每次都会问到一个js中关于call、apply、bind的问题，比如… 怎么利用call、apply来求一个数组中最大或者最小值 如何利用call、apply来做继承 apply、call、bind的区别和主要应用场景 虽然网上有很多关于这方面的博客和文章，但还是决定写一篇自己对这方面知识的理解。 作用 首先问个问题，这三个函数的存在意义是什么？答案是改变函数执行时的上下文，再具体一点就是改变函数运行时的this指向。有了这个认识，接下来我们来看一下,怎么使用这三个函数。 举
JS 是一门单线程的编程语言，这就意味着一个时间里只能处理一件事，也就是说JS引擎一次只能在一个线程里处理一条语句。
今年来，各大公司都缩减了HC，甚至是采取了“裁员”措施，在这样的大环境之下，想要获得一份更好的工作，必然需要付出更多的努力。本文挑选了20道大厂面试题，建议在阅读时，先思考一番，不要直接看解析。尽管，本文所有的答案，都是我在翻阅各种资料，思考并验证之后，才给出的。但因水平有限，本人的答案未必是最优的，如果您有更好的答案，欢迎给我留言。如果有错误，可以在评论区指出。本文篇幅较长，希望小伙伴们能够坚持读完。
关于js的回调函数，在各大平台已经被写烂了，我也看了很多别的大神写的帖子，我也在想怎么可以比较明白的将这个东西讲明白，今天我就尝试一下，认真看完，相信是有一些用处的。 想搞明白回调函数之前，先看懂我下面说的这段话， 有几个概念需要搞明白js中的同步和异步，或者叫阻塞和延迟，这就是为什么同步的函数有概率卡死，说直白一些，同步就是代码由上而下执行，中间如果有问题，那就等着，直到问题解决掉代码才会接着执行，但是我们在写js的过程中，其实很少有这种情况，原因是js本身就是一个异步编程语言，所谓的异步就是你慢没
很多时候, JS 中的 this 对于咱们的初学者很容易产生困惑不解。 this 的功能很强大，但需要一定付出才能慢慢理解它。
koa 是一个基于 node 实现的一个新的 web 框架，它是由 express 框架的原班人马打造。特点是优雅、简洁、表达力强、自由度高。和 express 相比，它是一个更轻量的 node 框架，因为它所有的功能都通过插件来实现，这种插拔式的架构设计模式，很符合 unix 哲学。
根据JS的垃圾回收机制，当内存中引用的次数为0的时候内存才会被回收 全局执行上下文中的对象被标记为不再使用才会被释放
此系列文章将会从函数的执行机制、鲁棒性、函数式编程、设计模式等方面，全面阐述如何通过 JavaScript 编写高质量的函数。
对于x年经验的前端仔来说，项目也做了好些个了，各个场景也接触过一些。但是假设真的要跟面试官敞开来撕原理，还是有点慌的。看到很多大神都在手撕各种框架原理还是有点羡慕他们的技术实力，羡慕不如行动，先踏踏实实啃基础。嗯...今天来聊聊闭包！
JavaScript是一门解释性动态语言，但同时它也是一门充满神秘感的语言。如果要成为一名优秀的JS开发者，那么对JavaScript程序的内部执行原理要有所了解。
因为JavaScript具有自动垃圾回收机制，所以对于前端开发来说，内存空间并不是一个经常被提及的概念，很容易被大家忽视。特别是很多不是计算机专业的朋友在进入到前端之后，会对内存空间的认知比较模糊，甚至有些人干脆就是一无所知。
在 js 中，this 这个上下文总是变化莫测，很多时候出现 bug 总是一头雾水，其实，只要分清楚不同的情况下如何执行就 ok 了。
在今年的Vue Conf 2024大会上，沈青川大佬（维护Vue/Vite 中文文档）在会上介绍了他的新项目Vue Vine。Vue Vine提供了全新Vue组件书写方式，主要的卖点是可以在一个文件里面写多个vue组件。相信你最近应该看到了不少介绍Vue Vine的文章，这篇文章我们另辟蹊径来讲讲Vue Vine是如何实现在一个文件里面写多个vue组件。
这是一个鲜为人知的 web API，在JS现状调查[1]中，它的认知度排名倒数第四。它可以让你知道用户何时离开了页面。准确地说，只要页面的可见性状态发生变化，无论是用户最小化、最大化窗口还是切换标签页，该API都会触发一个事件。
UDP在传输数据之前不需要先建立连接，远地主机的运输层在接收到UDP报文后，不需要确认，提供不可靠交付。总结就以下四点：
这些都是旧时代非常突出的问题，对开发效率影响非常大，直到… 出现了很多的工程化工具，比如：webpack、vite、esbuild、rollup.js 等等
疑惑一 $("#test").children().remove()和$($("#test").children()).remove()的具体区别？ 前者的重点体现了，jquery的对象的阶级性，但是由于jquery还有一个特定就是相同的属性会重复执行； 比如css().remove(),这个这对的都是最开始选择的元素；而后者就是用一个多余的$符号括起来，这样写如果对于代码的解读性有一定的好处； 不过如果对于非常了解jquery的人，后者就是有点画蛇添足了；输入关键字html5获取html相关的资料，不懂的
根据 JavaScript 中的变量类型传递方式，分为基本数据类型和引用数据类型两大类七种。
其实诀窍很简单，常见的基本是 3 种情况：es5 普通函数、es6 的箭头函数以及通过bind改变过上下文返回的新函数。
就在前几天，Open AI 推出了新一代视频模型 Sora，又引发了一次 AI 领域的震动，大家纷纷惊呼这是又一个里程碑的时刻。
1.分类： -基本类型 -String:任意字符串 -Number:任意的数字 -boolean: true/false -undefined:未定义 -null:空
-多年互联网运维工作经验，曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维，曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台（功能如下）： 1)整合了各个公有云API，自主创建云主机。 2)ELK自动化收集日志功能。 3)Saltstack自动化运维统一配置管理工具。 4)Git、Jenkins自动化代码上线及自动化测试平台。 5)堡垒机，连接Linux、Windows平台及日志审计。 6)SQL执行及审批流程。 7)慢查询日志分析web界面。
早期单进程架构是页面渲染和网络下载都是运行在同一个浏览器主进程中，而dom/com解析，js脚本执行，图像输出，插件运行都运行在同一个线程中，这样也带来了一系列的问题：
Puppeteer 是一个 Node library，提供了一套完整的通过 DevTools 协议操纵 Chrome 或 Chromium 的 API。Puppeteer 默认以 无头（headless） 的方式运行, 也可以使用 GUI 的方式运行 Chrome 和 Chromium。
前言：虽然Async hooks至此还是实验性API，但是他的确可以解决应用中的一些问题，比如日志和调用栈跟踪。本文从应用和原理方便介绍一下Node.js的Async hooks。
Swift 自 2014 年推出以来，人气飙升，但是 JavaScript 是一种与 Swift 完全相反的语言，比如 Swift 在编译时做了很多保障安全性的措施，而 JavaScript 则是一门弱类型语言，它只在执行时运行。可能它们两个也没想到有一天能够一起协作，制作一个流畅的 iOS 应用程序！ 但是，你知道为什么 JS 能在 IOS 中运行吗？本篇文章，我们就来说说能让 JS 在 IOS 运行的 JavascriptCore 框架到底是什么。你将了解到以下知识点：
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
