zoukankan      html  css  js  c++  java
  • 《JavaScript高级程序设计》里对 call() 和 apply() 的解释 (116页)

    每个函数都包含两个非继承而来的方法:apply()和call()。这两个方法的用途都是在特定的作用域中调用函数,实际上等于设置函数体内this对象的值。

    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));
    alert(callSum2(10, 10));

    在上面的例子中,callSum1()在执行 sum() 函数时传入了 this 作为 this 值(因为是在全局作用域中调用的,所以传入的就是 window 对象)和 arguments 对象。

    call():

    call() 方法与 apply() 方法的作用相同,它们的区别仅在于接受的参数不同。对于 call() 方法而言,第一个参数是 this 值没有变化,变化的是其余参数都直接传递给函数。换句话说,在使用 call() 方法时,传递给函数的参数必须逐个列出来,如下面的例子所示。

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

    事实上,传递参数并非 apply() 和 call() 真正的用武之地;它们真正强大的地方是能够扩充函数赖以运作的作用域。下面来看一个例子。

    window.color = 'red';
    var o = {
      color: 'blue'
    };
    function sayColor() {
      alert(this.color);
    }
    sayColor(); //blue
    sayColor.call(this); //blue 
    sayColor.call(window); //blue
    sayColor.call(o); //red

    当运行 sayColor.call(o)时,函数的执行环境就不一样了,因为此时函数体内的 this 对象指向了 o 中,然后再通过 o 来调用它的。

  • 相关阅读:
    检测mysq组复制的脚本
    centos7安装NFS
    mysql组复制安装
    springboot+VUE(一)
    redis集群配置
    codevs 3139 栈练习3
    codevs 3138 栈练习2
    codevs 2622 数字序列
    codevs 1054 电梯
    codevs 1507 酒厂选址
  • 原文地址:https://www.cnblogs.com/jongsuk0214/p/6885716.html
Copyright © 2011-2022 走看看