• 函数调用的不同方式,以及this的指向


    一、函数的调用方式

    1.作为函数,一种直接易懂的方式(即函数调用模式)。

    2.作为方法,方法是连接在对象上的,被这个对象调用,这种形式就是面向对象编程。

    3.作为构造器,在构造的过程中一个新的对象被创建出来。

    4.经由函数的apply或者call方法。

    二、函数参数

    1.传入参数

    (1)传入变量多于函数定义变量。

    (2)函数定义变量多余传入变量,多出来的变量是undefined

    2.函数在被调用的时候,隐形的传入两个参数argument和this(即argument和this被悄悄传入函数,作用在函数的作用域中)。

    (1)argument:函数调用时传入函数的变量集合(有arguemnt.length属性)

              eg:argument[0]指的是传入函数的第一个参数

    (2)this关联一个对象。

             根据调用方式的不同,this的指向也不同。因此this为调用的上下文(invocation context)。

    三、this的指向

    1.函数调用模式 (this->window)

    这个函数并不属于任何对象的属性。

    function fn1(){
        //some code
    }
    fn1();
    或着:
    var fn2=function(){
        //some code
    }
    fn2();
    使用这种方式调用函数,函数的上下文是全局上下文(global context即window)。this->window。

    2.方法调用模式   (this->方法所属的对象)

    这个函数是一个对象的属性,当这个函数被调用时,这个函数被视为这个对象的一个方法。

    var obj={
        //some code;
    };
    obj.getname=function(){
        //some name
    }
    obj.getname();
    函数的上下文是这个对象(例子中的 obj)。this->obj

    3.构造器调用模式 (this->创建的新对象)

    函数被作为构造器调用时有以下特点:

            一个新的对象被创建出来;

            这个新的对象被传递给这个构造器作为this参数,也就是说这个新的对象是构造器函数的上下文;

            如果没有显性的return语句,这个新的对象会被隐式的return(就是悄咪咪的被return了),并成为这个构造器的值。

    function Fn(){
        this.a=function(){
             return this;
        }
    }
    var n=new Fn();
    console.log(n.a());//Fn{a:f}
    console.log(n);//fn{a:f}
    //此例中,构造了一个构造函数Fn((),利用new关键字调用时一个空的对象被创建出来,并传递到函数中作为this存在。this-Fn(新的)
    //这个构造器同时创建了a属性,并将此属性作为一个方法赋予给它创建出新对象的实例。

    4.apply()获得call()方法  (this->可以是我们指定的任何对象)

    (1)apply(),两个参数。第一个参数:用于作为函数上下文的对象。第二个参数:一个参数数组。

    (2)call(),两个参数。第一个参数:用于作为函数上下文的对象。第二个参数:argument list。

    call()和apply()多用于函数回调。

    function circle(list,calback){
        for(var i=0;i<list.length;i++){
             calback.call(list[i],i);
        }
    }
    var list=['a','b','c'];
    circle(list,function(index){
        console.log(index);//0,1,2(即传进来的i值)
        console.log(this);//a,b,c(call的第一个参数)
    });
    //this->call()传递进来的第一个参数。
  • 相关阅读:
    JSON特殊字符的处理
    java中高并发和高响应解决方法
    对redis深入理解
    对java中arraylist深入理解
    Redis的字典扩容与ConcurrentHashMap的扩容策略比较
    PHP压缩上传图片
    windows 平台 php_Imagick 拓展遇到的那些坑!
    windows7下php5.4成功安装imageMagick,及解决php imagick常见错误问题。(phpinfo中显示不出来是因为:1.imagick软件本身、php本身、php扩展三方版本要一致,2.需要把CORE_RL_*.dll多个文件放到/php/目录下面)
    php使用imagick模块实现图片缩放、裁剪、压缩示例
    文件打包,下载之使用PHP自带的ZipArchive压缩文件并下载打包好的文件
  • 原文地址:https://www.cnblogs.com/Rcyan/p/7533318.html
Copyright © 2020-2023  润新知