{site_name}

{site_name}

🌜 搜索

JavaScript 中的函数 Call 是用于在指定的上下文中调用函数的方法,它允许您设置 this 值以及传递参数

前端 𝄐 0
js的call函数,js function.call,js的call方法,js函数callback,js里面call的用法,js中的call方法和apply方法
JavaScript 中的函数 Call 是用于在指定的上下文中调用函数的方法,它允许您设置 this 值以及传递参数。

语法格式如下:

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


其中,thisArg 参数是要在函数运行时设置为 this 关键字的值,arg1、arg2 等参数是传递给函数的参数列表。

例如,假设有一个名为 person 的对象,它具有 name 和 age 属性,我们可以创建一个 sayHello 函数,并使用 Call 方法将其绑定到 person 对象上,从而使其成为该对象的方法:

javascript
const person = {
name: "John",
age: 30,
sayHello: function() {
console.log(Hello, my name is ${this.name} and I'm ${this.age} years old.);
}
};

person.sayHello(); // Output: "Hello, my name is John and I'm 30 years old."

const anotherPerson = {
name: "Sarah",
age: 25
};

person.sayHello.call(anotherPerson); // Output: "Hello, my name is Sarah and I'm 25 years old."


在这个例子中,我们首先定义了一个 person 对象和一个 sayHello 函数,该函数使用模板字面量输出 person 对象的属性。然后,我们通过调用 person.sayHello() 方法来执行该函数,此时 this 关键字指向 person 对象。

接下来,我们创建了另一个对象 anotherPerson,并且使用 call 方法将 person 对象的 sayHello 函数绑定到 anotherPerson 上。此时,sayHello 函数中的 this 关键字指向了 anotherPerson 对象,因此输出的结果中 name 和 age 属性也会对应变化。