検索

ホームページ  >  に質問  >  本文

jquery - javascript call apply 一般应用场景是什么,为什么我很少用到

在一些jQuery插件中经常看到类似 callback.call(xxx,xxx) 虽然看到书上有介绍 说call和apply函数可以改变作用域,但还是无法非常透彻的理解改变作用域主要是为了解决什么问题,有没有替代方案,或者 这2个函数主要为了解决什么问题,应用场景,何时使用最合适,每次读到这样的代码就晕了,一下子从线性阅读中跳出去了,感觉有点绕

天蓬老师天蓬老师2775日前688

全員に返信(3)返信します

  • PHPz

    PHPz2017-04-10 12:47:14

    call和apply的作用很简单,就是改变上下文,适用场景太多了,虽然有时候只是为了“美观”,下面几个是我常用的。

    1.

    Object.prototype.toString.call(Obj)

    用来判断 Obj 的类型

    1. arguments 虽然和Array 很像,但是他没有Array的push之类的方法,怎么办?

    Array.prototype.push.call(arguments)

    3.Javascript 没有私有方法的概念,想用闭包实现

    (function () {
        var Person = function () {
            this.doSomeThing = function () {
                _privateFunction.call(this);
            }
        }
    
        var _privateFunction = function () {
    
        }
    
        window.Person = Person;
    
    }).call(window);
    

    差不多就是这个意思,callback的时候,当你希望你的callback中的上下文是当前上下文的时候,也可以用call或者apply,有什么好处呢?

    这个时候你的callback 里面的this 就是指代当前上下文。例如一个类Person,然后他的方法 say 有一个callback的参数,如果这个callback是通过普通的括号来执行的话,那在这个callback里面执行person的其它方法还需要用person.other 来实现,但是切换上下文之后,就是this.other搞定~代码对比如下:

    var Person = function(){
    
    };
    
    Person.prototype.say = function(callback){
        callback();
    };
    
    Person.prototype.other = function(){
    
    };
    
    var vincent = new Person();
    
    vincent.say(function(){
        vincent.other();
    });
    

    用了call的:

    var Person = function(){
    
    };
    
    Person.prototype.say = function(callback){
        callback.call(this);
    };
    
    Person.prototype.other = function(){
    
    };
    
    var vincent = new Person();
    
    vincent.say(function(){
        this.other();
    });
    

    返事
    0
  • 大家讲道理

    大家讲道理2017-04-10 12:47:14

    也用来使函数调用的多个参数变为数组参数,比如求一个数组内最大数值。

    arr = [3,23,4,88,2.5,1,5,7,89];
    alert(Math.max.apply(Math,arr));
    

    返事
    0
  • 黄舟

    黄舟2017-04-10 12:47:14

    给你个提示 你去做做事件绑定 肯定会用到call apply

    返事
    0
  • キャンセル返事