Maison >interface Web >js tutoriel >Il existe trois méthodes d'héritage entre les objets javascript

Il existe trois méthodes d'héritage entre les objets javascript

零下一度
零下一度original
2018-05-18 09:59:201279parcourir

Cet objet, pas cet objet, le troisième !

Il y aura un héritage entre les objets, parlons donc des trois méthodes d'héritage entre eux :

 1. Faire semblant d'hériter

 1         //创建了孙悟空构造函数 
 2             function Sun(change,weapon,gf){ 
 3                 this.change = change; 
 4                 this.weapon = weapon; 
 5                 this.gf = gf; 
 6                 this.bianshen = function(){ 
 7                     alert("吃俺老孙一棒"); 
 8                 } 
 9             }
 10             
 11             //给原型上添加一个方法
 12             /*Sun.prototype.bianshen = function(){
 13                 alert("吃俺老孙一棒");
 14             }*/
 15             
 16             //创建猪八戒构造函数
 17             function Zhubajie(name){//name是猪八戒自己单独有的属性
 18                 this.name = name;
 19                 //创建一个属性,属性值是Sun构造函数
 20                 this.sun = Sun;
 21                 this.sun("仙桃","金箍棒","紫霞仙子");
 22                 delete this.sun;//删除掉这个属性
 23             }
 24             
 25             var zbj = new Zhubajie("猪八戒");
 26             
 27             
 28             zbj.bianshen();//方法可以使用
 29             alert(zbj.weapon);
 30             
 31             
 32             //zbj 和Sun  不是同一类型的
 33             alert(zbj instanceof Sun); //false

C'est le premier type de héritage.

 【Remarque】Inconvénients de l'imitation de l'héritage : vous ne pouvez pas utiliser de méthodes et de propriétés sur le prototype. Avantages : vous pouvez transmettre des paramètres

 2. Héritage prototypique

 1        function Dan(car,money,home){ 
 2                 this.car = car; 
 3                 this.money = money; 
 4                 this.home = home; 
 5             } 
 6              
 7             //发方法声明在原型对象上 
 8             Dan.prototype.shoping = function (){ 
 9                 alert("买买买");
 10             }
 11             Dan.prototype.money = "5亿";
 12             
 13             //这个实例化对象是Dan的儿子,可以使用Dan的属性和方法
 14             var son = new Dan("劳斯莱斯幻影","10亿","四合院");
 15             
 16             
 17             //创建一个乞丐构造函数
 18             function S(name){
 19                 this.name = name;
 20             }
 21             
 22             //让乞丐继承富豪的属性和方法
 23             //把乞丐的构造函数原型修改成干爹的原型,这样,乞丐实例化对象就可以使用干爹的属性和方法。(两种方法)
 24 //            S.prototype = Dan.prototype;
 25             S.prototype = new Dan();
 26             
 27             //把S的原型对象constructor指针指回自己,否则会出问题
 28             S.prototype.constructor = S;           
 29             var s = new S("苏乞儿");
 30             s.shoping();
 31             alert(s.money);
 32             
 33             //判断s的爸爸是不是  Dan
 34             alert(s instanceof Dan);//true  s 和  Dan不是一个东西

. La méthode consiste à attribuer l'objet de classe parent nouvellement créé au prototype du constructeur de sous-classe.

[Note] Inconvénients de l'héritage de chaîne de prototype : les paramètres ne peuvent pas être transmis Avantages : les méthodes sur le prototype peuvent être utilisées

3. Héritage mixte

 1       function Person(name,id,sex){ 
 2                 this.name = name; 
 3                 this.id = id; 
 4                 this.sex = sex; 
 5                 this.think = function(ss){ 
 6                     alert(ss); 
 7                 } 
 8             } 
 9             
 10             Person.prototype.eat = function(){
 11                 alert("呵呵");
 12             }
 13             
 14             
 15             
 16             function XM(name,id,sex,clas){
 17                 this.clas = clas;
 18                 //call方法是用来继承用的。你想继承那个对性的属性,就要把属性传递进来;
 19 //                Person.call(this,name,id,sex);
 20                 
 21                 //apply和call功能相同;
 22                 //区别  call方法  参数要一个一个传,  apply方法可以传参数数组
 23                 //优先选择apply方法使用
 24                 Person.apply(this,arguments);
 25             }
 26             
 27             //原型链继承  +  call/apply   叫混合继承
 28             XM.prototype = new Person();
 29             XM.prototype.constructor = XM;
 30             
 31             
 32             var xiaoming = new XM("小明","12312112112332","男","一年级二班");
 33             alert(xiaoming.name);//打印小明名字属性
 34             xiaoming.think("坎坎坷坷");
 35             
 36             //现在有一个需要,让小明可以使用Person对象原型上的方法
 37             xiaoming.eat();

Le troisième ; La façon dont l'héritage d'usurpation d'identité + l'héritage du prototype peut non seulement hériter du prototype de la classe parent, la réutiliser complètement, mais également transmettre des paramètres à la classe parent.

Voilà pour tout le contenu JavaScript, j'espère que cela pourra aider tout le monde ! ! ! ! ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn