javascript 原型继承介绍

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript 原型继承介绍，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含4521字，纯文字阅读大概需要7分钟。

内容图文

function Animal(){ 
console.log('Call the constuctor.'); 
} 
 
2、然后我们可以使用new关键字来创建一个myClass类的实例 
var cat = new Animal(); 
　　这样，我们就创建了一个实例obj了，运行一下，使用相关的调试工具就可以看到Call the constructor的调试信息了。也就证明，我们创建类成功了。 
3、那么，接下来，我们也可以给构造函数加上参数，比如： 
 代码如下:

function Animal(name){ 
this.name = name; 
} 
 
　　这样子，我们就可以创建实例，并且访问类的属性了 
 代码如下:

function myClass(name){ 
this.name = name; 
} 
var cat = new myClass("Kate"); 
alert(cat.name); 
 
　　这样子，就可以访问到实例cat的属性name了。 
4、大家都知道，动物会跳会吃，那么我们怎么给他加上方法呢？看下面 
　　方法一：直接在构造函数里面声明方法 
 代码如下:

function Animal(name){ 
this.name = name; this.jump = function(){ 
alert (this.name + " is jumping..."); 
}; 
this.eat = function(){ 
alert (this.name + " is eatting..."); 
}; 
} 
var cat = new Animal("Kate"); 
alert(cat.name); 
cat.jump(); 
cat.eat(); 
 
　　方法二：利用prototype为类添加方法 
 代码如下:

function Animal(name){ 
this.name = name; 
} 
Animal.prototype = { 
type : 'cat', 
jump : function(){ 
alert (this.name + " is jumping..."); 
}, 
eat : function(){ 
alert (this.name + " is eatting..."); 
} 
} 
var cat = new Animal("Kate"); 
alert(cat.name); 
alert(cat.type); 
cat.jump(); 
cat.eat(); 
 
　　同样的，我们也可以用同样的方法为类添加新的属性，如type.... 
5、上面我们讲到的，是javascipt中，怎么创建一个类，以及怎么为类添加属性以及方法，接下来，我们谈一下怎么实现类的继承。 
　　要实现继承，我们可以通过prototype实现类的继承，首先，我们要先声明一个Dog类（如果还不懂，请重新看上面相关内容），并且让它继承Animal类。 
 代码如下:

function Dog(){}; 
Dog.prototype = new Animal("Henry"); 
 
　　然后我们可以实例化一只新的狗dog出来，试着调用它的方法，看看成功了吗？ 
 代码如下:

function Dog(){}; 
Dog.prototype = new Animal("Henry"); 
var dog = new Dog(); 
dog.jump(); 
dog.eat(); 
 
　　显然，如果代码没敲错的话，应该可以看到提示“Henry is jumping...”，“Henry is eatting...”。 
6、既然实现了类的继承，那就必然想到另外一个问题，那就是多态的问题。 
　 多态是指相同的操作或函数、过程可作用于多种类型的对象上并获得不同的结果。不同的对象，收到同一消息可以产生不同的结果，这种现象称为多态。 
　 通过继承，子类已经继承了父类的方法了，但要实现多态，势必对子类的方法进行重写。 
　　为了表达更明确，我们再创建一个Pig类出来，并且继承Animal类。怎么创建我就不说了。创建完的代码应该是像现在这样子。 
 代码如下:

function Dog(){}; 
Dog.prototype = new Animal("Henry"); 
function Pig(){}; 
Pig.prototype = new Animal("Coco"); 
var dog = new Dog(); 
dog.jump(); 
dog.eat(); 
var pig = new Pig(); 
pig.jump(); 
pig.eat(); 
 
　　运行之后，因为继承了Animal类的原因，结果肯定又是“XX is jumping...”，“XX is eatting...”了，那我们要实现的，就是进行方法的重写。我们可以有下面的方式实现方法的重写。 
 代码如下:

function Dog(){};//创建dog子类 
Dog.prototype = new Animal("Henry"); 
//重写dog的方法 
Dog.prototype.jump = function(){ 
alert("Hi, this is " + this.name + ", I'm jumping...") 
}; 
Dog.prototype.eat = function(){ 
alert("Henry is eatting a bone now."); 
}; 
function Pig(){};//创建pig子类 
Pig.prototype = new Animal("Coco"); 
//重写pig的方法 
Pig.prototype.jump = function(){ 
alert("I'm sorry. " + this.name + " can not jump."); 
}; 
Pig.prototype.eat = function(){ 
alert("Hi, I'm " + this.name + ", I'm eatting something delicious."); 
} 
var dog = new Dog(); 
dog.jump(); 
dog.eat(); 
var pig = new Pig(); 
pig.jump(); 
pig.eat(); 
 
　　运行一下，是不是实现了对方法的重写呢？？ 
6、那么，假如我实例化一只dog之后，我想单独为这只dog添加属性和方法，怎么做呢？看下面 
 代码如下:

var dog = new Dog(); 
//添加属性和方法 
dog.type = "Doberman Pinscher"; 
dog.shout = function(){ 
alert("I'm a " + this.type + "."); 
} 
dog.jump(); 
dog.eat(); 
//调用新的方法 
dog.shout(); 
 
7、好了，这篇文章就写到这里了。相信初学者对于类的创建与继承应该有一定的了解了。如果有什么问题，可以留言啊。多谢指教哦。 

            
            


           
                
                                                

内容总结

以上是互联网集市为您收集整理的javascript 原型继承介绍全部内容，希望文章能够帮你解决javascript 原型继承介绍所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端