js中的call方法

JavaScript中的call方法是一个内置函数，用于调用一个函数，并指定该函数的上下文（即this的值）。‌

基本用法

call方法的语法如下：

javascriptCopy Code

 

functionName.call(thisArg, arg1, arg2, ...);

• functionName：是要调用的函数名。
• thisArg：是可选的，用于指定函数上下文。如果未提供，则默认使用全局对象。
• arg1, arg2, ...：是要传递给函数的参数列表。

示例

1. ‌调用一个函数并指定上下文‌：

   function greet() {
       console.log(this.name);
   }
   const obj = { name: "John" };
   greet.call(obj); // 输出 "John"

   在这个例子中，通过调用greet.call(obj)来调用greet函数，并将obj作为上下文传递给该函数。因此，在greet函数内部，this指向obj对象。

2. ‌调用一个函数并传递参数‌：

   function add(a, b) {
       return a + b;
   }
   const result = add.call(null, 1, 2); // 输出 3

   在这个例子中，通过调用add.call(null, 1, 2)来调用add函数，并将参数1和2传递给该函数。由于没有指定上下文，所以默认使用全局对象（在这种情况下为null）。

与apply方法的区别

• ‌参数传递形式‌：apply方法的第二个参数必须是一个数组或类数组对象，而call方法可以直接传递多个参数。
• ‌示例‌：

  function f(p1, p2) {
      console.log(this.name, p1, p2);
  }
  var obj = { name: "obj" };
  f.apply(obj, [1, 2]); // 输出 obj 1 2
  f.call(obj, 1, 2); // 输出 obj 1 2