JS原型的力量：深入剖析原型与原型链，尽显语言之美

2023-10-17 21:42:44

在JavaScript中，原型是一个核心的概念，它决定了对象的创建方式、属性的继承方式以及方法的共享方式。理解原型及其与原型链的关系对于深入理解JavaScript编程语言至关重要。

原型和原型链的基础

在JavaScript中，每个对象都有一个原型，原型也是一个对象，它包含了一组属性和方法，这些属性和方法可以被该对象及其后代对象继承。原型链是指从一个对象到其原型、再到其原型的原型的对象链。通过原型链，对象可以访问其祖先对象中的属性和方法。

// 创建一个对象
const person = {
  name: "John Doe",
  age: 30
};

// 获取person的原型
const personPrototype = Object.getPrototypeOf(person);

// personPrototype包含person可以访问的属性和方法
console.log(personPrototype);

在这个例子中，person对象的原型是Object.prototype，它包含了所有JavaScript对象都共有的属性和方法，比如toString()、valueOf()和hasOwnProperty()。

原型的作用

原型的主要作用是实现继承。在JavaScript中，我们可以通过原型来创建子对象，子对象可以继承父对象的属性和方法。

// 创建一个Person构造函数
function Person(name, age) {
  this.name = name;
  this.age = age;
}

// 创建一个Student构造函数，继承Person
function Student(name, age, major) {
  // 调用Person构造函数来初始化name和age属性
  Person.call(this, name, age);

  // 添加major属性
  this.major = major;
}

// 设置Student的原型为Person.prototype
Student.prototype = Object.create(Person.prototype);

// 创建一个Student对象
const student = new Student("Jane Doe", 20, "Computer Science");

// 访问student对象的属性和方法
console.log(student.name); // "Jane Doe"
console.log(student.age); // 20
console.log(student.major); // "Computer Science"