chenlight

摘要： 是的，本质就是普通对象 核心要点 函数自带的prototype属性，值类型为Object 对象 这个对象专门存放实例共享的属性、方法 默认自带constructor属性，指向所属构造函数 function Person(){} console.log(typeof Person.prototype) 阅读全文

摘要： WeakMap 是 ES6 新增的弱引用键值对集合，核心特点： 键必须是对象（不能是原始值：字符串 / 数字 / 布尔等） 键是弱引用：键对象没有其他引用时，会被垃圾回收自动清理（不造成内存泄漏） 不可枚举（没有 keys()/values()/forEach()，也不能用 for...of） 只有 阅读全文

摘要： 引言 假设你手头有一个遗留下来的“上古”巨型 JavaScript 文件，足足有 70,000 行代码那么长。你迫切地需要用 webpack 或者类似的工具把它拆分开来，但前提是你得先搞清楚它到底向全局作用域暴露了哪些函数和常量。 这时候，不妨让计算机来帮你通读代码，并精准提取出你想要的信息。 这正 阅读全文

摘要： 什么是抽象语法树？ 抽象语法树（AST）是源代码结构的一种树状表现形式。树中的每一个节点都代表了源代码中出现的一个特定构造。这里的“抽象”意味着它并不会把真实语法里的每一个细节都表现出来（比如分号、括号等），而是专注于代码的结构和语义内容。 AST 是现代 JavaScript 工具得以运行的基石： 阅读全文

摘要： 抽象语法树（AST）乍一听像是计算机科学里晦涩难懂的专业术语，但只要掌握基础概念，就会发现它其实很好理解。本文将带你轻松入门抽象语法树，并讲解其在 JavaScript 中的实际应用场景。 如果你想搞懂 AST（抽象语法树）的基础知识以及它的实际应用，那这篇文章就是为你准备的。我们不会预设你具备任何 阅读全文

摘要： 在 JavaScript 中，!== 是严格不等于（Strict Inequality）运算符。它的核心作用是判断两个值是否“绝对”不相等。 ⚡️ !== 的核心特点 !== 在比较时不会进行隐式类型转换。它会同时检查数据的类型和值： 只要两边的数据类型不同，或者值不同，就会直接返回 true（表示 阅读全文

摘要： 这段代码是 JavaScript 中一种非常经典的数组合并（或追加）写法。 它的核心作用是：将数组 k（如果 k 存在）中的所有元素，逐个添加到数组 f 的末尾。 为了让你更清晰地理解，我们可以把它拆解为以下几个部分： 💡 代码原理解析 k || []（短路运算与默认值） 这是一个逻辑“或”运算。 阅读全文

摘要： 一、CommonJS CommonJS 是 JavaScript 社区为了解决模块化问题而提出的一种早期规范，它也是 Node.js 环境默认采用的服务器端模块化标准。在 ES6 官方推出原生的模块化方案（ESM）之前，CommonJS 是 Node.js 生态中最主流的模块组织方式。 以下是关于 阅读全文

摘要： 这一篇与上一篇是紧密承接的，需要结合着来看。 在 JavaScript 的 class（类）中，确实不能使用 var、let 或 const 来声明属性。 这是因为 ES6 引入的 class 本质上只是基于原型继承的“语法糖”，它有着自己专属的语法规则和结构。类体（即 {} 包裹的部分）内部只能包 阅读全文

摘要： 先看下经典代码，如下所示： 最标准原生 JS 类写法 // 定义一个类 class Demo { // 类中的普通成员变量 name = "张三"; // 类中的普通成员函数 showInfo() { // 函数内部使用当前类的成员变量 console.log(this.name); } } // 阅读全文