住房和城乡建设部网站安广东省,网站添加在线qq聊天,海建网站,企业网站推广的策略在JavaScript中#xff0c;我们可以通过原型链来实现继承。以下是如何在原型中实现继承的例子#xff1a;
// 定义一个动物原型 var Animal function() {}; Animal.prototype.move function() { console.log(‘This animal can move.’); };
// 定义一个狗的原型#xf…在JavaScript中我们可以通过原型链来实现继承。以下是如何在原型中实现继承的例子
// 定义一个动物原型 var Animal function() {}; Animal.prototype.move function() { console.log(‘This animal can move.’); };
// 定义一个狗的原型继承自Animal原型 var Dog function() {}; Dog.prototype Object.create(Animal.prototype); // 使用Object.create创建原型链 Dog.prototype.bark function() { console.log(‘This dog can bark.’); };
// 创建一个狗的实例 var dog new Dog();
// 调用从原型继承的方法 dog.move(); // 输出 “This animal can move.” dog.bark(); // 输出 “This dog can bark.”
在这个例子中我们首先定义了一个Animal的函数并添加了一个move方法。然后我们定义了一个Dog的函数并通过Object.create(Animal.prototype)来创建一个新的原型对象这个新原型对象继承自Animal的原型。最后我们在Dog的原型上添加了一个bark方法。这样任何通过new Dog()创建的对象都会继承move和bark方法。
在JavaScript中多态是通过原型链实现的。当一个对象被创建时它的原型对象也会被创建这个原型对象包含了从原型链继承的属性和方法。因此不同的对象可能会继承自同一个原型对象从而实现了多态。
以下是一个在原型中实现多态的例子
// 定义一个动物原型 var Animal function() {}; Animal.prototype.move function() { console.log(‘This animal can move.’); };
// 定义一个狗的原型继承自Animal原型 var Dog function() {}; Dog.prototype Object.create(Animal.prototype); Dog.prototype.bark function() { console.log(‘This dog can bark.’); };
// 定义一个猫的原型也继承自Animal原型 var Cat function() {}; Cat.prototype Object.create(Animal.prototype); Cat.prototype.meow function() { console.log(‘This cat can meow.’); };
// 创建一个狗的实例 var dog new Dog(); dog.move(); // 输出 “This animal can move.” dog.bark(); // 输出 “This dog can bark.”
// 创建一个猫的实例 var cat new Cat(); cat.move(); // 输出 “This animal can move.” cat.meow(); // 输出 “This cat can meow.”
在这个例子中我们定义了一个Animal的函数并添加了一个move方法。然后我们定义了两个其他的函数Dog和Cat它们的原型都继承自Animal的原型。最后我们分别创建了一个Dog和Cat的实例并分别调用了它们的move和bark/meow方法。虽然这两个实例都继承自同一个Animal原型但是它们的行为是不同的这就是多态的表现。
