• call(京基填小票拍照片)


    同事的写的函数结构,先是几个函数表达式var a = function(){},里面再是函数声明function a(){}

    里面用了好多call,网上搜了一下call的用途:

    1.

    http://www.zhihu.com/question/20289071

    http://segmentfault.com/q/1010000000190028

    如果我们有一个对象whiteDog = {food:"bone"},我们不想对它重新定义say方法,那么我们可以通过call或apply用blackCat的say方法:blackCat.say.call(whiteDog);
    所以,可以看出call和apply是为了动态改变this而出现的,当一个object没有某个方法,但是其他的有,我们可以借助call或apply用其它对象的方法来操作。

    在这里我理解的就是whiteDog实现了继承,但是继承的方式和我理解的不太一样,Cat.say.call(whiteDog),应该说是被实现了继承

    function cat(){
    }
    
    cat.prototype={
        food:"fish",
        say: function(){
            alert("I love "+this.food);
        }
    }
    
    
    var blackCat = new cat;
    blackCat.say();
    
    whiteDog = {food:"bone"}
    blackCat.say.call(whiteDog);

    补充 :

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

    Array.prototype.push.call(arguments)

    与补充相同的:

    用的比较多的,通过document.getElementsByTagName选择的dom 节点是一种类似array的array。它不能应用Array下的push,pop等方法。我们可以通过:
    var domNodes = Array.prototype.slice.call(document.getElementsByTagName("*"));
    这样domNodes就可以应用Array下的所有方法了。

    2.改变上下文(通过call把父的this 带到了子里面,子是windows--20140714重新看)

    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();
    });
  • 相关阅读:
    Android图表库hellocharts详解
    Android 高德地图使用小记
    java getSource()和 getActionCommand()区别
    Foreign websites
    通过自动回复机器人学Mybatis:OGNL+log4j.properties
    通过自动回复机器人学Mybatis:搭建核心架构
    通过自动回复机器人学Mybatis:代码重构(分层)
    通过自动回复机器人学Mybatis:原始版本(包括JDBC、pom.xml等)
    给JSP应用提供JSTL支持(IntelliJ IDEA)
    【Head First Servlets and JSP】笔记24:include指令与include动作 & param动作 & foward动作
  • 原文地址:https://www.cnblogs.com/della/p/3758748.html
Copyright © 2020-2023  润新知