在 ECMAScript 2020 中，函数调用方式有很多种。本文将详细介绍这些调用方式，并给出一些示例代码，帮助读者更好地理解和使用这些方式。
1. 普通函数调用
最常见的函数调用方式就是普通函数调用。例如：
function add(a, b) {
return a + b;
}
console.log(add(1, 2)); // 3这种调用方式最为简单，直接调用函数名即可。函数可以有参数，也可以没有参数，函数体内可以有任何逻辑。
2. 方法调用
当函数被作为对象的方法调用时，函数内部的 this 指向该对象。例如：
const person = {
name: '张三',
sayHi() {
console.log(`你好，我是${this.name}`);
}
};
person.sayHi(); // 你好，我是张三在这个例子中，sayHi 函数被作为 person 对象的方法调用，this 指向 person 对象。因此，函数内部可以访问 person 对象的属性。
3. apply 和 call 方法
apply 和 call 方法可以改变函数内部的 this 指向。它们的第一个参数都是 this 的指向对象，第二个参数是函数的参数列表。它们的区别在于参数的传递方式不同。
例如，我们可以使用 call 方法来将 sayHi 函数中的 this 指向 person2 对象：
// javascriptcn.com 代码示例
const person1 = {
name: '张三',
sayHi() {
console.log(`你好，我是${this.name}`);
}
};
const person2 = {
name: '李四'
};
person1.sayHi.call(person2); // 你好，我是李四在这个例子中，我们使用 call 方法将 sayHi 函数中的 this 指向 person2 对象，从而使得函数内部可以访问 person2 对象的属性。
apply 方法的使用方式与 call 方法类似，只不过参数是以数组的形式传递：
const numbers = [1, 2, 3, 4, 5];
const sum = function(a, b, c, d, e) {
return a + b + c + d + e;
};
console.log(sum.apply(null, numbers)); // 15在这个例子中，我们使用 apply 方法将 sum 函数中的 this 指向 null，然后将参数以数组的形式传递给函数。
4. bind 方法
bind 方法也可以改变函数内部的 this 指向，但它不会立即执行函数，而是返回一个新的函数。这个新的函数的 this 指向与 bind 方法的第一个参数相同，可以在稍后调用时执行。
例如，我们可以使用 bind 方法创建一个新的函数，使得该函数的 this 指向 person3 对象：
// javascriptcn.com 代码示例
const person3 = {
name: '王五'
};
const sayHi = function() {
console.log(`你好，我是${this.name}`);
};
const sayHiToPerson3 = sayHi.bind(person3);
sayHiToPerson3(); // 你好，我是王五在这个例子中，我们使用 bind 方法创建了一个新的函数 sayHiToPerson3，使得该函数的 this 指向 person3 对象。
5. 箭头函数
箭头函数是 ECMAScript 6 中新增的一种函数定义方式。它的语法比普通函数更加简洁，而且内部的 this 指向与定义时的外部作用域相同。
例如，下面的代码使用箭头函数定义了一个函数，该函数返回两个数的和：
const add = (a, b) => a + b; console.log(add(1, 2)); // 3
在这个例子中，箭头函数的内部 this 指向与定义时的外部作用域相同，因此可以访问外部的变量。
总结
本文介绍了 ECMAScript 2020 中的函数调用方式，包括普通函数调用、方法调用、apply 和 call 方法、bind 方法以及箭头函数。这些调用方式各有特点，可以根据实际需求选择使用。在实际开发中，我们应该根据具体情况选择合适的函数调用方式，从而使代码更加简洁、高效。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/657415b4d2f5e1655dd4f752