zoukankan      html  css  js  c++  java
  • 对javascript中call()方法的理解

    call ( thisObj [, arg1 [, arg2 [,  [, argN] ] ] ])

    call()方法:官方介绍是,调用一个对象的一个方法,以另一个对象替换当前对象。

         call()方法应用于Function对象,可以用来代替另一个对象调用一个方法,可将一个函数的对象上下文从初始的上下文改变为thisObj指定的新对象。如果没有提供thisObj参数,那么Global对象被用作thisObj.

      直接理解这几句话还是挺难理解的。先看一个例子:

    function Class1(){
            this.name = 'fine';
            this.showName = function(){
                console.log(this.name);
                console.log(this);
            };
            console.log(this);
        }
      //实例化构造函数
    var class1 = new Class1(); class1.showName();

    在Chrome浏览器中测试的结果是:

    可以看到两个console.log(this)的值是一样的,均指向构造函数;

    然后再把上面的例子修饰一下:

      function Class1(){
            this.name = 'fine';
            this.showName = function(){
                console.log(this.name);
                console.log(this);
            };
            console.log(this);
        }
        function Class2(){
            this.name = 'ok';
        }
        //创建相应的实例
        var class1 = new Class1();
        var class2 = new Class2();
        class1.showName.call(class2);//call方法必须应用于函数对象上

    在浏览器中测试如下:

    第一个Class1对象是位于Class1构造函数中showName方法之外的console.log(this),在使用call方法后,即

      class1.showName.call(class2);

    这个位于showName方法之外的this仍然指向的是Class1.

    接下来的 ok 和 Class2对象是位于showName方法内部的,this的指向已经改变,指向了Class2构造函数。可见,call方法改变了它所应用的函数中的this指针的指向。

    暂时对call方法的理解就是这样了,以后有别的理解再补上,也可能有不对的地方欢迎补充~~

    参考了Bparadise的博客文章:http://www.cnblogs.com/wuyuetian/p/4999723.html

     
  • 相关阅读:
    keepalived+httpd 高可用
    网卡绑定配置文件
    elk安装
    mysql数据库
    sed
    kvm
    日常巡检
    haproxy
    (6)PY_(study)
    (5)PY_(study)
  • 原文地址:https://www.cnblogs.com/YuKiee/p/7610429.html
Copyright © 2011-2022 走看看