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 —— 这条查找路径就是原型链。
立即学习“Java免费学习笔记(深入)”;
例如:
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')(ES2022+) - 想确认两个对象是否在同一条原型链上,用
obj instanceof Constructor或Constructor.prototype.isPrototypeOf(obj)
基本上就这些。对象创建重在选对方式,原型链重在理解“属性查找规则”——它不是黑箱,而是 JS 动态特性的基础支撑。