js中call的用法

call 方法允许函数在指定对象的上下文中执行，用于：（1）更改函数的 this 绑定；（2）传递额外参数；（3）模拟继承，创建一个新对象并继承另一个对象的属性和方法。

call 方法在 JavaScript 中的用法

定义：
call 方法允许一个函数在指定的对象（thisArg）上下文中被调用，即使该函数最初不是绑定到该对象。

语法：

function.call(thisArg, arg1, arg2, ...)

其中：

• function：要调用的函数。
• thisArg：指定函数执行时 this 关键字所绑定的对象。
• arg1, arg2, ...：要传递给函数的参数。

用法：

1. 更改函数的执行上下文：
   call 方法可以用来更改函数的执行上下文，即 this 关键字所绑定的对象。这在需要在不同对象间共享方法的情况下非常有用。

   例如：

   const person1 = { name: "John" };
   const person2 = { name: "Jane" };
   
   function greet() {
     console.log(`Hello, ${this.name}!`);
   }
   
   // 使用 call 更改执行上下文
   greet.call(person1); // 输出："Hello, John!"
   greet.call(person2); // 输出："Hello, Jane!"

2. 传递额外参数：
   call 方法还可以用来传递额外参数给函数。这在需要向函数动态传递参数的情况下非常有用。

   例如：

   function addNumbers(a, b) {
     return a + b;
   }
   
   // 使用 call 传递额外参数
   const result = addNumbers.call(null, 1, 2, 3); // 输出：6

3. 模拟继承：
   call 方法可以用来模拟继承，即创建一个新对象并继承另一个对象的属性和方法。

   例如：

   const Parent = function (name) {
     this.name = name;
   };
   
   Parent.prototype.greet = function () {
     console.log(`Hello, ${this.name}!`);
   };
   
   const Child = function (name) {
     Parent.call(this, name); // 调用父类构造函数
   };
   
   // 继承父类方法
   Child.prototype = Object.create(Parent.prototype);
   
   const child = new Child("John");
   child.greet(); // 输出："Hello, John!"

注意：

• call 方法只会更改函数的执行上下文，不会永久绑定该函数到指定的对象。
• 对于箭头函数，call 方法不起作用。

以上就是js中call的用法的详细内容，更多请关注IT视界其它相关文章！