Javascript中的call()方法介绍

什么是call()方法？

call() 方法在调用一个函数时，可以指定函数内部的 this 关键字所指向的值。通过 call() 方法，我们可以通过一个已有的对象去调用另一个对象的方法。

call()方法的基本语法

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

call()方法参数说明

1. thisArg：可选项，指定函数内 this 关键字所指向的值，如果不传入则默认为 window 对象。

2. arg1, arg2, ... ：可选项，指定调用函数时传入的参数。

call()方法的示例

1. 将一个数组转换为一个参数列表

var array1 = [1, 2, 3];
var array2 = [4, 5, 6];
Array.prototype.push.call(array1, ...array2);
console.log(array1); // [1, 2, 3, 4, 5, 6]

上述代码可以将数组 array2 添加到数组 array1 中，并且使用 ES6 展开运算符将 array2 中的元素转换为一个参数列表。

1. 在继承中使用 call() 方法

function Animal() {
  this.name = 'Animal';
  this.showName = function() {
    console.log(this.name);
  }
}

function Cat() {
  Animal.call(this);
  this.name = 'Cat';
}

var cat = new Cat();
cat.showName();  // "Cat"

上述代码展示了如何在继承中使用 call() 方法。在 Cat 构造函数中使用 call() 方法来调用 Animal 函数，并传入 this 对象。这样，Cat 构造函数就可以继承 Animal 函数中的 name 属性和 showName() 方法。

在使用继承时，我们可以使用 call() 方法来调用另一个函数，并改变 this 关键字所指向的对象，从而实现属性和方法的继承。

总结

call() 方法是 Javascript 中非常重要的一个方法，通过 call() 方法可以动态地改变函数调用时的 this 关键字所指向的对象，从而实现很多有趣而且有用的功能。在使用 call() 方法时，只需要传入一个特定的对象作为参数，就可以改变函数作用域内 this 关键字的指向。