重温JavaScript的构造函数和原型

2023-12-29 13:08:36

在JavaScript中，对象是基本的数据结构，它由键值对组成。我们可以使用字面量语法、new和构造函数创建对象。其中，构造函数是一种创建对象的特殊函数，它允许我们定义对象的属性和方法。原型则是一种继承机制，它允许我们从一个已有的对象创建一个新的对象，同时继承其属性和方法。

构造函数

构造函数在JavaScript中通常使用function关键字定义，它可以接收参数，并在对象创建时将其作为参数传递给构造函数。在构造函数内部，我们可以使用this关键字来访问和修改正在创建的对象。

function Person(name, age) {
  this.name = name;
  this.age = age;
}

在这个例子中，Person是一个构造函数，它接收两个参数name和age。在构造函数内部，我们使用this关键字将参数值赋给对象的属性name和age。

原型

原型是JavaScript中的一种继承机制，它允许我们从一个已有的对象创建一个新的对象，同时继承其属性和方法。每个对象都有一个原型，而原型的原型又是另一个对象，以此类推，直到原型链的顶端是Object.prototype。

var person1 = new Person("John Doe", 30);
var person2 = new Person("Jane Smith", 25);

console.log(person1.name); // "John Doe"
console.log(person2.name); // "Jane Smith"

console.log(person1.hasOwnProperty("name")); // true
console.log(person1.hasOwnProperty("age")); // true

console.log(person1.hasOwnProperty("toString")); // false
console.log(person1.toString()); // "[object Object]"

在这个例子中，person1和person2都是Person构造函数创建的对象。我们可以使用.hasOwnProperty()方法来检查对象是否具有某个属性。可以看到，person1和person2都具有name和age属性，这是因为它们继承自Person构造函数的原型。但是，它们不具有toString()方法，这是因为Person构造函数的原型没有定义toString()方法。