美文网首页
Function类型

Function类型

作者: zxhnext | 来源:发表于2019-10-01 14:57 被阅读0次

    函数名仅仅是指向函数的指针,函数名与包含对象指针的其他变量没有什么不同。换句话说,一个函数可能会有多个名字,如下面的例子所示。

    function sum(num1, num2){
        return num1 + num2;
    }
    alert(sum(10,10));  // 20
    var anotherSum = sum;
    alert(anotherSum(10,10)); // 20
    sum = null;
    alert(anotherSum(10,10)); // 20
    

    以上代码首先定义了一个名为 sum()的函数,用于求两个值的和。然后,又声明了变量 anotherSum, 并将其设置为与 sum 相等(将 sum 的值赋给anotherSum)。注意,使用不带圆括号的函数名是访问函数指针,而非调用函数。此时,anotherSum 和 sum 就都指向了同一个函数,因此 anotherSum()也 可以被调用并返回结果。即使将 sum 设置为 null,让它与函数“断绝关系”,但仍然可以正常调用 anotherSum()。

    1. 没有重载

    function addSomeNumber(num){
       return num + 100;
    }
    function addSomeNumber(num) {
       return num + 200;
    }
    var result = addSomeNumber(100); //300
    

    显然,这个例子中声明了两个同名函数,而结果则是后面的函数覆盖了前面的函数。以上代码实际上与下面的代码没有什么区别。

    var addSomeNumber = function (num){
        return num + 100;
    };
    addSomeNumber = function (num) { 
        return num + 200;
    };
    var result = addSomeNumber(100); //300
    

    2. 函数声明与函数表达式

    解析器在向执行环境中加载数据时,对函数声明和函数表达式并非一视同仁。解析器会率先读取函数声明,并使其在执行任何代码之前可用(可以访问);至于函数表达式,则必须等到解析器执行到它所在的代码行,才会真正被解释执行。

    3. 函数内部属性

    3.1 arguments

    虽然 arguments 的主要用途是保存函数参数,但这个对象还有一个名叫 callee的属性,该属性是一个指针,指向拥有这个 arguments 对象的函数。

    function factorial(num){
        if (num <=1) {
            return 1;
        } else {
            return num * factorial(num-1)
        }
    }
    

    定义阶乘函数一般都要用到递归算法。如上面的代码所示,在函数有名字,而且名字以后也不会变的情况下,这样定义没有问题。但问题是这个函数的执行与函数名 factorial 紧紧耦合在了一起。为了消除这种紧密耦合的现象,可以像下面这样使用arguments.callee
    在严格模式下运行时,访问 arguments.callee 会导致错误。

     function factorial(num){
        if (num <=1) {
            return 1;
        } else {
            return num * arguments.callee(num-1)
        }
    }
    

    在这个重写后的 factorial()函数的函数体内,没有再引用函数名 factorial。这样,无论引用 函数时使用的是什么名字,都可以保证正常完成递归调用。例如:

    var trueFactorial = factorial;
    factorial = function(){
        return 0;
    };
    alert(trueFactorial(5));// 120
    alert(factorial(5));  // 0
    

    3.2 this

    this 引用的是函数据以执行的环境对象。

    3.3 caller

    除了 Opera 的早期版本不支持,其他 4 浏览器都支持这个 ECMAScript 3 并没有定义的属性。这个属性中保存着调用当前函数的函数的引用,如果是在全局作用域中调用当前函数,它的值为 null。

    function outer(){
        inner();
    }
    
    function inner(){ 
        alert(inner.caller);
    }
    outer();
    

    以上代码会导致警告框中显示 outer()函数的源代码。因为 outer()调用了 inter(),所以inner.caller 就指向 outer()。为了实现更松散的耦合,也可以通过arguments.callee.caller来访问相同的信息。

    function outer(){
        inner();
    }
    function inner(){
        alert(arguments.callee.caller);
    }
    outer();
    

    在严格模式下访问arguments.caller也会导致错误,而在非严格模式下这个属性始终是 undefined。定义这个属性是为了分清 arguments.caller 和函数的 caller 属性。以上变化都是为了加强这门语言的安全性,这样第三方代码就不能在相同的环境里窥视其他代码了。
    严格模式还有一个限制:不能为函数的 caller 属性赋值,否则会导致错误。

    4. 函数属性和方法

    ECMAScript 中的函数是对象,因此函数也有属性和方法。每个函数都包含两个属性:length 和 prototype。其中,length属性表示函数希望接收的命名参数的个数(形参)。

    apply()方法接收两个参数:一个是在其中运行函数的作用域,另一个是参数数组。其中,第二个参数可以是 Array 的实例,也可以是 arguments 对象。

    function sum(num1, num2){
        return num1 + num2;
    }
    function callSum1(num1, num2){
        return sum.apply(this, arguments); // 传入 arguments 对象
    }
    function callSum2(num1, num2){
        return sum.apply(this, [num1, num2]); // 传入数组
    }
    alert(callSum1(10,10));   //20
    alert(callSum2(10,10));   //20
    

    call()方法传递给函数的参数必须逐个列举出来。

    function sum(num1, num2){
        return num1 + num2;
    }
    function callSum(num1, num2){
        return sum.call(this, num1, num2);
    }
    alert(callSum(10,10));   //20
    

    bind()方法会创建一个函数的实例,其 this值会被绑定到传给 bind()函数的值。

    相关文章

      网友评论

          本文标题:Function类型

          本文链接:https://www.haomeiwen.com/subject/wecructx.html