js函数调用常用方法详解

在JavaScript编程中，函数是最基础的概念之一。函数是一段可重复使用的代码，可以在不同的上下文中多次调用。在本文中，我们将详细讲解JavaScript函数调用的常用方法。

常规函数调用

通常，我们会使用以下语法来定义函数：

function functionName(param1, param2, ...) {
  // 函数体
}

然后，使用函数名以及传入的参数来调用函数：

functionName(arg1, arg2, ...);

在调用函数时，我们将参数传递给函数，函数将根据这些参数执行特定的代码并返回结果。

调用对象的方法

在JavaScript中，函数可以作为对象的属性来定义。我们可以使用以下语法来定义一个对象的方法：

var obj = {
  methodName: function(param1, param2, ...) {
    // 方法体
  }
};

在这个例子中，我们定义了一个名为methodName的方法。然后，我们可以使用以下语法来调用对象方法：

obj.methodName(arg1, arg2, ...);

这将调用对象的方法并传递给它参数。

使用apply和call调用函数

apply和call是JavaScript中两个非常有用的函数。这两个函数通常用于调用函数并设置为函数的上下文对象（即this关键字）。

apply函数接受两个参数：一个作为函数上下文的对象和一个作为数组的参数列表。我们可以使用以下方法调用函数：

functionName.apply(thisObj, [param1, param2, ...]);

call函数与apply函数类似，但它接受一组参数而不是数组：

functionName.call(thisObj, param1, param2, ...);

请注意，第一个参数是上下文对象。使用apply或call函数调用函数时，函数的上下文对象将设置为thisObj。

示例

下面的示例演示了这些方法之一（常规函数调用方法）：

function add(num1, num2) {
  return num1 + num2;
}

var result = add(1, 2);
console.log(result); //输出3

下面是另一个演示如何使用对象的方法：

var obj = {
  add: function(num1, num2) {
    return num1 + num2;
  }
};

var result = obj.add(1, 2);
console.log(result); //输出3

最后，以下示例使用apply函数调用一个函数：

var person = {
  fullName: function() {
    return this.firstName + " " + this.lastName;
  }
};

var person1 = {
  firstName:"John",
  lastName: "Doe"
};

var person2 = {
  firstName:"Mary",
  lastName: "Doe"
};

console.log(person.fullName.apply(person1)); //输出John Doe
console.log(person.fullName.apply(person2)); //输出Mary Doe

在这个示例中，person1和person2对象都具有firstName和lastName属性，但是它们都使用fullName方法来获取完整的姓名，并且使用了apply函数。