本文主要是介绍js常用的继承方式，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
1.原型链继承
不考虑函数参数的情况下，我这样写
function Animal(){this.family=['father','mother'];this.age=12;}function Cat(){}Cat.prototype=new Animal();var cat=new Cat();
// console.log(cat.family); //可以正常输出
// console.log(cat.age);cat.family.push('sister'); //cat改变family属性console.log(cat.family);//改变已经体现var cat1=new Cat(); //创建第二个实例console.log(cat1.family);//也出现了“sister”，所有的实例都被改变，这显然不是我们想要的结果var animal=new Animal();console.log(animal.family);//父类Animal没有改变，由此说明只是Cat发生了永久改变，所有的new Cat()实例都将体现该变化 function Animal(age){this.family=['father','mother'];this.age=age;}function Cat(age){}Cat.prototype=new Animal();var cat=new Cat(12);console.log(cat.age);//undefined,参数传递失败，显然我们不能为每个实例单独传递参数2.对象冒充
参数传递的问题，我们使用call（或者apply）解决
function Animal(age){this.family=['father','mother'];this.age=age;}function Cat(cat_age){Animal.call(this,cat_age)//Cat的this指向Animal对象，并且将参数cat_age传递到Animal}var cat=new Cat(12);console.log(cat.age);//12,在使用call的情况下参数传递问题已经解决 function Animal(age){this.family=['father','mother'];this.age=age;}function Cat(cat_age){Animal.call(this,cat_age)//Cat的this指向Animal对象，并且将参数age传递到Animal}var cat=new Cat(12);cat.family.push('sister');console.log(cat.family);//father,mother,sistervar cat1=new Cat(12);console.log(cat1.family);//father,mother问题已经解决function Animal(age){this.family=['father','mother'];this.age=age;this.getInfo=function(){return this.age+' '+this.family;}}function Cat(cat_age){Animal.call(this,cat_age)//Cat的this指向Animal对象，并且将参数age传递到Animal}var cat=new Cat(12);var cat1=new Cat(13);console.log(cat.getInfo());//12 father,motherconsole.log(cat1.getInfo());//13 father,motherconsole.log(cat.getInfo==cat1.getInfo);//false说明两个实例调用的是不同的getInfo()函数，我们希望getInfo()函数是可以复用的，不需要创建多个，我们考虑用继承来解决这个问题
function Animal(age){this.family=['father','mother'];this.age=age;}Animal.prototype.getInfo=function(){return this.age+' '+this.family;}function Cat(cat_age){Animal.call(this,cat_age)//Cat的this指向Animal对象，并且将参数age传递到Animal}var cat=new Cat(12);var cat1=new Cat(13);console.log(cat.getInfo==cat1.getInfo);//trueconsole.log(cat.getInfo());//报错console.log(cat1.getInfo());//报错说明cat和cat1访问不到Animal原型上的东西
那怎么解决呢？？接下来学习没毛病的组合继承，这也是最常用的一种继承方式
3.组合继承
function Animal(age){this.family=['father','mother'];this.age=age;}Animal.prototype.getInfo=function(){return this.age+' '+this.family;}function Cat(cat_age){Animal.call(this,cat_age)//Cat的this指向Animal对象，并且将参数age传递到Animal}Cat.prototype=new Animal();var cat=new Cat(12);var cat1=new Cat(13);console.log(cat.getInfo==cat1.getInfo);//trueconsole.log(cat.getInfo());//12 father,motherconsole.log(cat1.getInfo());//13 father,mother这篇关于js常用的继承方式的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
