JS复习之Call和Apply

Posted 我思固我在

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS复习之Call和Apply相关的知识,希望对你有一定的参考价值。

  文章见于知乎:https://www.zhihu.com/question/20289071

  如果知道call和apply的创造原因,应该就能很方便的理解它们了。

  如果正常来说,创造这样一个构造函数与实例的话,是能直接使用的

       function cat(){
                
            }
            cat.prototype={
                food:‘fish‘,
                say:function(){
                    alert(‘I Love You:‘+this.food);
                }
            }
            var blackCat=new cat;
            blackCat.say();

 

  但如果让另一个实例使用say方法,那么就得让它拥有,但明显重写是不太智能的,所以就出现了call和apply

  

       var wilteDog={
                food:‘bone‘
            }
            blackCat.say.call(wilteDog);

  这样就可以让只有food属性的wilteDog对象使用wilte的say方法

  相关实例:

  

       function arr(){
                 var arg = arguments;
                 console.log([].join.call(arg,‘B‘));
            }
            arr(‘1‘,‘3‘)

 

  

以上是关于JS复习之Call和Apply的主要内容,如果未能解决你的问题,请参考以下文章

js 之 call apply

笔记:js疑难复习

js函数之call 和 apply

js函数之call和apply

JS之call/apply/bind

JS中 call和apply的区别和作用