共 4 篇相关文章
这篇文章梳理了在JavaScript中创建对象的多种常见方式，从基础到进阶，覆盖了不同场景下的选择。作者从最简单的对象字面值讲起，逐步介绍了使用new关键字（包括内建和自定义构造函数）、原型方法、Object.create()、Object.assign()以及ES6的class等不同途径。 核心对比在于各方法的实现原理与适用性：对象字面值最为直接快捷；使用new和构造函数（或ES6类）能更结构化地创建多个相似实例，并涉及原型链绑定；Object.create()允许基于现有对象创建新对象，便于实现原型继承；Object.assign()则擅长合并多个源对象的属性，生成新对象。文章也提及了单例模式这种特殊用法。 对于初学者，掌握字面值和构造函数是关键；理解原型与Object.create()有助于深入对象模型；而在需要组合或扩展已有对象时，Object.assign()提供了便利。ES6的class语法糖则让基于类的写法更贴近传统面向对象语言的习惯。整体而言，文章系统梳理了这些方式的异同，为根据项目需求选择合适的对象创建模式提供了清晰参考。
这篇讲的是JavaScript中如何用构造函数实现对象继承。作者从早期模仿Java的构造函数模式出发，指出了其内存浪费的问题，从而引入了原型链机制。 文章随后展开了对几种经典继承模式的剖析与对比。它先展示了最常用的“默认模式”（将子类原型设为父类实例），并一针见血地指出了其三个缺点：子类实例无法继承父类属性、污染子类原型、constructor属性丢失。 为了解决这些问题，作者逐步介绍了“借用构造函数”（使用call方法复用父类构造逻辑）、“共享原型”（直接共享父类原型，避免实例属性污染）以及“临时构造函数”（创建空函数作为中间层，既隔离原型又不影响父类）等方案。 最终，文章将这些思路整合，给出了一个被称为“圣杯”的综合解决方案。这个模式清晰地展示了如何优雅地在保留原型继承优点的同时，规避其典型陷阱。整体上，文章清晰地梳理了JavaScript继承这一核心概念的演进逻辑与实践细节，参考了《JavaScript模式》一书，并带着作者自己的学习目的。
这篇讲的是JavaScript原型链中一个容易被忽视的误区，特别是关于原型继承与标识符查找的交互。作者从自身经历出发，之前对原型继承和标识符查找机制感到迷惑，这反映了许多开发者在初学JavaScript时可能遇到的共同困惑。 在JavaScript中，原型链是实现继承的核心，但很多人会错误地认为原型对象直接包含所有属性，或者误解了查找过程如何沿着原型链进行。文章指出，这个误区的根因在于混淆了原型与构造函数的关系，以及忽略JavaScript的动态属性查找机制——当访问一个对象属性时，引擎会先检查对象自身，然后沿着原型链向上查找，直到找到属性或到达null。 作者通过详细解释原型链的遍历规则，澄清了常见的错误观念。正确理解是：原型对象作为模板，继承关系通过原型链连接，而标识符查找是基于作用域链和原型链的复合过程。文章提供了具体实例来对比正确与错误的理解，比如演示属性继承的顺序和查找失败时的行为，帮助读者直观把握机制。 通过这个误区的剖析，文章强调了理解原型链底层逻辑的重要性，能帮助开发者在编写代码时避免因误解而导致的性能问题或逻辑错误，让JavaScript的继承模式运用得更得心应手。
这篇讲的是JavaScript中最令人困惑的关键字之一——this。作者从this在实际开发中频繁引发的意外行为切入，剖析了它的核心特性：this的值并非在函数定义时确定，而是在调用时根据“调用上下文”动态绑定。 文章清晰地梳理了this在几种关键场景下的绑定规则，例如在全局函数调用、对象方法调用、构造函数以及事件处理器中，this各自指向谁。它特别对比了传统函数与ES6箭头函数在处理this时的根本差异——前者遵循动态绑定，后者则继承外层作用域的this，这解释了为什么箭头函数常被用于回调中以避免this指向混乱。 作者通过具体的代码示例，展示了如何通过call、apply、bind等方法显式地控制this的指向，将看似“灵活”的特性转化为可控的技巧。理解这些绑定机制，是避免闭包陷阱、正确处理异步回调和面向对象代码的基础，能帮助开发者写出更健壮、可预测的逻辑。
