17370845950

JavaScript创建对象有字面量、构造函数/class、Object.create()、Object.assign()等方式，原型链通过[[Prototype]]实现属性查找与继承，核心是理解对象为键值对集合及属性查找规则。

JavaScript 中创建对象的方式灵活多样，核心在于理解对象是键值对的集合，而原型链则是实现继承和方法共享的底层机制。

常见对象创建方式

最直接的是字面量语法，适合简单、一次性的对象：

const person = {
  name: '张三',
  age: 28,
  greet() {
    return `你好，我是${this.name}`;
  }
};

需要复用结构时，可用构造函数或 class（本质仍是函数）：

class Animal {
  constructor(name, species) {
    this.name = name;
    this.species = species;
  }
  speak() {
    return `${this.name} 发出声音`;
  }
}
const dog = new Animal('旺财', '狗');

• 构造函数调用必须加 new，否则 this 指向全局（严格模式下为 undefined）
• Object.create(proto) 可显式指定原型对象，适合手动控制原型链
• Object.assign({}, obj1, obj2) 用于浅拷贝合并多个对象

原型链的本质

每个对象内部都有一个隐式属性 [[Prototype]]（可通过 __proto__ 访问，或更推荐 Object.getPrototypeOf()），它指向该对象的原型对象。当访问一个属性或方法时，JS 引擎会先在对象自身查找，没找到就顺着 [[Prototype]] 向上查找，直到原型为 null —— 这条查找路径就是原型链。

例如：

const animal = { eats: true };
const dog = Object.create(animal);
dog.barks = true;

console.log(dog.barks); // true（自有）
console.log(dog.eats);  // true（从 animal 原型继承）
console.log(dog.toString()); // "[object Object]"（沿链找到 Object.prototype.toString）

• 所有函数都有 prototype 属性（仅函数有），它是被用作实例的原型对象
• dog.__proto__ === animal，而 animal.__proto__ === Object.prototype，再往上是 null
• ES6 的 class 是语法糖，class Dog extends Animal 本质仍是设置原型链关系

实用建议

日常开发中不必手动操作 __proto__，优先使用标准方法维护可读性：

• 用 Object.create(null) 创建无原型的对象（如纯字典），避免继承 toString 等方法干扰
• 检测属性是否为对象“自有”，用 obj.hasOwnProperty('key') 或 Object.hasOwn(obj, 'key')（ES2025+）
• 想确认两个对象是否在同一条原型链上，用 obj instanceof Constructor 或 Constructor.prototype.isPrototypeOf(obj)

基本上就这些。对象创建重在选对方式，原型链重在理解“属性查找规则”——它不是黑箱，而是 JS 动态特性的基础支撑。