打通javascript实例,js 实现call

在JavaScript中，call()是一个函数对象的方法，它允许你在调用一个函数的同时指定该函数内部的this值，并且可以传递一个参数列表。通过使用call()方法，你可以将一个对象作为函数的上下文来调用函数，这意味着你可以在一个对象上调用一个方法，而不必拥有该对象的构造函数。

当你使用call()方法调用一个函数时，你可以传递一个对象作为第一个参数，这个对象将成为该函数内部的this值。在函数内部，你可以使用this关键字来引用这个对象，并且可以访问该对象的属性和方法。

下面是一个示例代码，演示了如何使用call()方法来改变函数的上下文：

function greet() {
  console.log("Hello, " + this.name);
}
var person1 = {
  name: "Alice"
};
var person2 = {
  name: "Bob"
};
greet.call(person1); // 输出：Hello, Alice
greet.call(person2); // 输出：Hello, Bob

在上面的示例中，我们定义了一个名为greet()的函数，它在内部使用this关键字引用一个名为name的属性。我们创建了两个对象person1和person2，并将它们的name属性分别设置为"Alice"和"Bob"。然后，我们使用call()方法来调用greet()函数，并将person1和person2作为第一个参数传递进去。这样一来，greet()函数的上下文就被设置为person1和person2对象，所以在函数内部可以正确地访问到它们的name属性。

除了改变函数的上下文，call()方法还可以传递一个参数列表。在调用函数时，你可以将参数依次传递给call()方法作为额外的参数，这些参数将被传递给函数。下面是一个示例代码，演示了如何使用call()方法来传递参数：

function greet(message) {
  console.log(message + ", " + this.name);
}
var person = {
  name: "Alice"
};
greet.call(person, "Hello"); // 输出：Hello, Alice
greet.call(person, "Goodbye"); // 输出：Goodbye, Alice

在上面的示例中，我们修改了greet()函数，添加了一个名为message的参数。我们创建了一个名为person的对象，并将其name属性设置为"Alice"。然后，我们使用call()方法来调用greet()函数，并将person作为第一个参数传递进去，将"Hello"作为第二个参数传递进去。这样一来，greet()函数的上下文被设置为person对象，而且函数内部可以通过message参数访问到传递进来的值。

总结一下，通过使用call()方法，我们可以改变函数的上下文，并且可以传递参数给函数。这样一来，我们可以在调用函数时指定函数内部的this值，并且可以在函数内部访问到传递进来的参数。这对于在特定的上下文中调用函数，或者在函数内部访问外部的属性和方法非常有用。