JavaScript原型链解析与示例

JavaScript原型链解析与示例

// 1. 定义一个构造函数
function Person(name) {
  this.name = name;
}

// 2. 给构造函数的原型添加一个方法
Person.prototype.sayHello = function() {
  console.log(`Hello, my name is ${this.name}`);
};

// 3. 创建一个实例
const alice = new Person('Alice');
alice.sayHello(); // Hello, my name is Alice

// 4. 查看原型链
console.log(alice.__proto__ === Person.prototype); // true
console.log(Person.prototype.__proto__ === Object.prototype); // true
console.log(Object.prototype.__proto__); // null

// 5. 向原型链上添加属性，实例也能访问
Person.prototype.age = 30;
console.log(alice.age); // 30

// 6. 修改实例的属性，不影响原型
alice.age = 25;
console.log(alice.age); // 25
console.log(Person.prototype.age); // 30

// 7. 证明实例属性优先于原型属性
console.log(alice.hasOwnProperty('age')); // true
console.log(alice.hasOwn