前端面试题38（js原型与对象）

在JavaScript中，原型（prototype）是核心特性之一，它用于实现对象之间的继承和属性方法的共享。理解原型和对象的关系对于深入学习JavaScript至关重要。下面我会详细解释这两个概念以及它们是如何工作的，并给出一些示例代码。

基本概念

1. 对象：在JavaScript中，几乎一切都是对象。对象是一种数据结构，用于存储键值对（属性-值）。你可以创建字面量对象，也可以通过构造函数创建对象。

2. 原型：每个JavaScript对象（除null外）都有一个内置属性，称为__proto__，它指向该对象的原型。原型也是一个对象，用于继承属性和方法。当试图访问一个对象的属性或方法时，如果对象本身没有这个属性或方法，JavaScript引擎会继续在其原型对象上查找，这个过程会一直向上追溯到原型链的顶端（通常是Object.prototype）。

原型链

• 原型链：通过对象的__proto__链接起来的一系列原型对象就构成了原型链。这个机制使得一个对象可以继承另一个对象的属性和方法。

示例代码

1. 使用构造函数和原型扩展对象

function Person(name) {
    this.name = name; // 实例属性
}

// 添加方法到Person的原型上
Person.prototype.sayHello = function() {
    console.log("Hello, my name is " + this.name);
};

// 创建Person的实例
var person1 = new Person("Alice");
var person2 = new Person("Bob");

// 调用从原型继承来的方法
person1.sayHello(); // 输出: Hello, my name is Alice
person2.sayHello(); // 输出: Hello, my name is Bob

console.log(person1.__proto__ === Person.prototype); // true，显示person1的原型是Person的原型对象

2. 查看原型链

console.log(Object.getPrototypeOf(person1)); // 直接获取person1的原型对象，等同于person1.__proto__
console.log(Person.prototype.constructor === Person); // true，显示Person构造函数的constructor属性指向其自身
console.log(person1.__proto__.__proto__); // 继续向上查找原型链，最终到达Object.prototype

总结

通过原型链，JavaScript实现了面向对象编程中的继承机制，允许对象共享方法和属性，同时保持了每个实例的独特性。理解原型和原型链对于编写高效、可维护的JavaScript代码至关重要。