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