关于apply的用法

关于apply的用法

    // // 方式一:
    // function Animal(name, quantity) {
    //     this.name = name;
    //     this.quantity = quantity;
    // }
    // function Cat() {}
    // Animal.apply(Cat.prototype,["coffeeCat",198]);
    // Cat.prototype.info = function () {
    //   alert("name:"+this.name);
    //   alert("quantity:"+this.quantity);
    // }
    // var cat = new Cat();
    // cat.info();

    //方式二:
    var Animal = function(name,quantity){
      this.name = name;
      this.quantity = quantity;
    }
    var Cat = function(){};
    Cat.prototype = new Animal("coffeeCat",198);
    Cat.prototype.info = function(){
      alert("name:"+this.name);
      alert("quantity:"+this.quantity);
    }
    var cat = new Cat();
    cat.info();

方式二是我的写法,方式一是我参考问答区的代码改的,不过现在还不知道apply具体怎么使用,  

// Animal.apply(Cat.prototype,["coffeeCat",198]);//这里第一个参数为什么填Cat.prototype,而不是window?

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,第二种写法没有问题,很棒!

apply方法第一个参数是对象,第二个参数是数组。第一个参数是对象目的是改变原来this的指向,如果Animal进行实例化,那么this指向的就是Animal对象,通过使用apply方法,将this指向了Cat的原型:

http://img1.sycdn.imooc.com//climg/5e20232c0933a40a06360401.jpg

那么在Animal调用的时候,this指向的是cat的原型,也就是将name和quantity添加在了cat原型上,继承了Animal的属性,自己可以输出测试下。

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
2.组件化网页开发
  • 参与学习           人
  • 提交作业       1121    份
  • 解答问题       14456    个

本阶段在运用JS实现动态网页开发的基础上,带你深入理解企业开发核心思想,完成一个企业级网页的开发,体验前端工程师的成就感。

了解课程
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师