JavaScript学习笔记二：变量与作用域详解
本文深入解析JavaScript中var与隐式全局变量的区别，详细梳理变量作用域链的查找机制与执行顺序。通过具体代码案例说明函数内部读取外部变量及变量提升现象，并给出减少全局污染、合并变量声明等优化建议，帮助开发者写出更规范、安全的JS代码。
2026-10-13
7
本文深入解析JavaScript中var与隐式全局变量的区别，详细梳理变量作用域链的查找机制与执行顺序。通过具体代码案例说明函数内部读取外部变量及变量提升现象，并给出减少全局污染、合并变量声明等优化建议，帮助开发者写出更规范、安全的JS代码。
本文深入解析 JavaScript 作用域链的形成机制与闭包的底层原理。通过分析 ECMAScript 规范中的 [[Environment]] 内部属性、词法环境与变量环境的关系，阐明闭包作为运行期概念的本质。结合 var 与 let 的区别，详解变量绑定对 setTimeout 等场景的影响，并通过 V8 引擎示例展示闭包的独立性与数据持久化特性。
本文详解JavaScript ES6中let与const命令的核心特性，包括块级作用域、暂时性死区、变量提升差异及常量定义规则。通过代码对比分析var的局限性，帮助开发者掌握正确声明变量的方法，避免闭包陷阱与变量泄露问题。
本文详细介绍在 JavaScript 中取消网络请求的三种主流方式。通过 AbortController 对象配合 Fetch 和 Axios 实现优雅终止，以及使用 XMLHttpRequest.abort() 停止底层XHR请求。包含代码示例与控制台错误捕捉方法，解决异步请求无法中断的问题。
本文解析 JavaScript 中变量提升（Hoisting）与函数提升的核心机制。通过代码执行顺序的拆解，说明 var 声明为何先于赋值执行，以及函数声明与表达式在提升上的差异。结合具体案例对比不同作用域下的表现，帮助开发者规避 undefined 陷阱并编写规范代码。
本文深入解析JavaScript中函数的三种特殊形态及其应用场景。首先探讨匿名函数作为参数的回调机制，分析其在简化命名空间及封装数据时的优势，并指出回调地狱的风险。其次讲解立即执行函数（IIFE）的多种语法形式，说明其避免全局污染的原理。最后阐述将函数作为返回值返回的处理方式，揭示其如何通过闭包保护内部变量实现私有化。
本文总结了 JavaScript 中常见的简写技巧，包括空值验证、数组声明、条件判断简化、变量合并及运算符缩写等。通过对比优化前后的代码片段，展示如何编写更简洁、高效的 JavaScript 代码，帮助开发者提升日常工作效率。
本文详细介绍如何在VSCode中配置TypeScript的自动编译功能。首先通过npm全局安装TypeScript编译器，接着在项目中初始化tsconfig.json配置文件，设置编译输出目录与源文件规则。最后通过VSCode终端运行watch任务，实现修改.ts文件后自动转换为.js文件，大幅提升开发效率。
本文详细介绍如何利用JavaScript结合HTML5 Canvas实现逼真的扯网物理动画效果。通过构建点与约束系统，模拟重力、鼠标拖拽及布料撕裂等交互。包含完整的CSS样式配置与JS核心逻辑解析，提供可直接运行的示例代码，帮助开发者掌握前端物理引擎的基础原理与实现技巧。
针对scroll、resize等高频触发事件，直接绑定处理函数易导致性能瓶颈。本文详解JavaScript防抖（Debounce）与节流（Throttle）的原理及多种实现方式，包括基础版、立即执行版及混合定时器/时间戳版，帮助开发者在搜索联想、无限加载等场景中有效降低回调频率，提升页面响应速度。
本文深入解析JavaScript中this关键字在不同运行环境下的指向规则。详细说明了全局环境中this指向window，事件处理函数中指向触发元素，以及构造函数中指向新建实例的具体行为与代码示例，帮助开发者准确理解并应用这一核心概念。
本文解析 JavaScript 中组合函数 compose 的设计动机与实现原理。通过从嵌套调用的痛点出发，演示如何编写基础的双函数组合版本，并进一步利用 reduce 方法实现支持任意数量函数的通用版本，旨在提升代码可读性、声明式风格及可维护性。