当先锋百科网

首页 1 2 3 4 5 6 7
在JavaScript中,原型(prototype)是面向对象编程(OOP)核心概念之一。每个JavaScript对象都有原型属性,它们用于提供对象的属性和方法。原型对象作为一个模板,它定义了对象的通用属性和方法。我们来看一个简单的例子:
var car = function() {
this.drive = function() {
console.log("Driving");
}
}
var myCar = new car();
myCar.drive();
上述代码定义了一个名为"car"的函数。它有一个属性"drive",函数体内部打印"Driving"。接下来,我们建立一个名为"myCar"的实例,它是通过new关键字由"car"函数创建的。 当我们调用myCar对drive()方法时,JavaScript解释器会首先检查myCar对象是否有其自身的drive()方法。由于myCar对象没有drive()方法,JavaScript引擎将搜索它的原型链。搜索的第一个原型是car.prototype,如果car.prototype有一个drive()方法,它将被调用。这样我们就把一个对象的属性和方法分成了两部分:对象本身的属性和方法,以及从原型继承的属性和方法。 有关原型链的更多详细信息,请参阅JavaScript的模式一书:"JavaScript的模式:构造高质量的代码"。
var car = function() {
this.color = "Red";
}
car.prototype.drive = function() {
console.log("Driving");
}
var myCar = new car();
console.log(myCar.color); //输出: "Red"
myCar.drive(); //输出: "Driving"
在上面的代码中,我们定义了一个car类并添加了一个名为"color"的属性,具有默认值"Red"。为了实现drive()方法,我们把它放到car.prototype下。这就意味着通过new car()创建的每个实例都将继承该方法。 我们甚至可以通过修改原型对象来影响所有实例的属性和方法:
car.prototype.color = "Blue";
var yourCar = new car();
console.log(yourCar.color); //输出: "Blue"
在上面的代码中,我们修改了car.prototype对象的color属性,将其设置为"Blue"。然后创建一个新的实例"yourCar",它将继承修改后的属性。 当然,我们还可以继续修改原型对象的行为:
car.prototype = {
drive : function() { 
console.log("Driving");
},
park : function() {
console.log("Parking");
},
brake : function() {
console.log("Stopping");
}
};
var hisCar = new car();
hisCar.drive(); //输出: "Driving"
hisCar.park(); //输出: "Parking"
hisCar.brake(); //输出: "Stopping"
在上面的代码中,我们创建了一个新的用法car.prototype对象。这个新的原型对象有三个方法:drive()、park()和brake()。由于我们已经把整个原型对象替换为新的对象,我们必须再次创建一个实例对象,以确保我们使用的是修改后的原型。 总之,原型是JavaScript OOP的重要概念之一。他简化了对象模型,并提供了一种灵活的方式来实现继承和类似的概念。通过深入的了解原型继承机制,我们可以写出更具灵活性和可维护性的代码。