zoukankan      html  css  js  c++  java
  • 函数的apply、call方法和length属性

    函数的apply、call方法和length属性
    JavaScript为函数对象定义了两个方法:apply和call,它们的作用都是将函数绑定到另
    外一个对象上去运行,两者仅在定义参数的方式有所区别:
    Function.prototype.apply(thisArg,argArray);
    Function.prototype.call(thisArg[,arg1[,arg2…]]);
    从函数原型可以看到,第一个参数都被取名为thisArg,也就是说,所有函数内部的this
    指针都会被赋值为thisArg,这就达到了将函数作为另外一个对象的方法运行的目的。两个
    方法除了thisArg 参数,都是为Function 对象传递的参数。下面的代码说明了apply 和call
    方法的工作方式:
    //定义一个函数func1,具有属性p和方法A
    function func1(){
    this.p="func1-";
    PDF 文件使用 "pdfFactory" 试用版本创建àwww.fineprint.cn
    12
    this.A=function(arg){
    alert(this.p+arg);
    }
    }
    //定义一个函数func2,具有属性p和方法B
    function func2(){
    this.p="func2-";
    this.B=function(arg){
    alert(this.p+arg);
    }
    }
    var obj1=new func1();
    var obj2=new func2();
    obj1.A("byA"); //显示func1-byA
    obj2.B("byB"); //显示func2-byB
    obj1.A.apply(obj2,["byA"]); //显示func2-byA,其中[“byA”]是仅有一个元素的数组,下同
    obj2.B.apply(obj1,["byB"]); //显示func1-byB
    obj1.A.call(obj2,"byA"); //显示func2-byA
    obj2.B.call(obj1,"byB"); //显示func1-byB
    可以看出,obj1的方法A被绑定到obj2运行后,整个函数A的运行环境就转移到了obj2,
    即this指针指向了obj2。同样obj2 的函数B也可以绑定到obj1 对象去运行。代码的最后4
    行显示了apply和call函数参数形式的区别。
    与 arguments 的length属性不同,函数对象的还有一个参数相关的属性length,它表示
    函数定义时所指定参数的个数,而非调用时实际传递的参数个数。例如下面的代码将显示2:
    function sum(a,b){
    return a+b;
    }
    alert(sum.length);

  • 相关阅读:
    Django----抽屉项目 笔记
    Django验证码【附源码】
    C语言--循环控制结构
    javascript 流程控制及函数
    yield和yield from
    python面试题(转)
    断言assert用法
    javascript基本语法
    python经典一百道习题(转自奶酪博客)
    functools模块中的函数
  • 原文地址:https://www.cnblogs.com/shaohz2014/p/3825789.html
Copyright © 2011-2022 走看看