在 ES6 中，引入了默认参数的概念，使得函数定义更加灵活。但是，在使用默认参数时，有时候会出现 this 指针指向错误的问题，特别是当我们使用默认参数作为函数的属性时。这篇文章将会讲解这个问题，并提供解决该问题的方法。
问题描述
当我们定义一个函数，并在其中使用默认参数时， this 指针可能会指向错误的位置。例如，考虑下面的代码：
-- -------------------- ---- -------
----- ------- -
------------- -
--------- - ----------
-
------------- - ---------- -
------------------- -----------
-
-
----- -------- - --- ----------
-------------------- -- -- ------- ---------这里，我们定义了一个名为 MyClass 的类，该类包含一个名为 sayHello 的方法。当我们在 sayHello 方法中使用 name = this.name 这样的默认参数时，我们期望默认值是 MyClass 的实例中的成员 name 的值。然而，如果我们以以下方式调用 sayHello：
const helloFn = myObject.sayHello; helloFn(); // 输出 "Hello, undefined!"
由于此时 helloFn 不再是 MyClass 的实例的成员方法，因此默认参数 this.name 实际上是指向全局对象（window 或 global）中的 name 属性，即为 undefined。
解决方法
为了解决这个问题，我们可以使用箭头函数或者立即执行函数来定义默认参数。使用箭头函数的代码可能如下所示：
-- -------------------- ---- -------
----- ------- -
------------- -
--------- - ----------
-
-------- - ----- - ---------- -- -
------------------- -----------
-
-
----- -------- - --- ----------
----- ------- - ------------------
---------- -- -- ------- ---------这里，我们将 sayHello 属性定义为箭头函数，并将 name 参数的默认值设置为类成员变量 this.name。由于箭头函数不绑定自己的 this，而是使用外部的 this，因此我们在 MyClass 类中使用箭头函数定义时，会正确地引用到该类实例的 this。
另一种解决方法是使用立即执行函数，即在默认参数中直接使用匿名函数。这样的代码可能如下所示：
-- -------------------- ---- -------
----- ------- -
------------- -
--------- - ----------
-
------------- - --- -- ------------- -
------------------- -----------
-
-
----- -------- - --- ----------
----- ------- - ------------------
---------- -- -- ------- ---------这里，我们在 name 参数的默认值中使用了立即执行函数，并在其中返回了 MyClass 类实例的 this.name。由于立即执行函数的作用域是在定义时就可以确定的，因此它们不会受到调用方式的影响，可以保证正确地引用到 MyClass 类实例的 this。
结论
在 ES6 中使用默认参数时，可能会出现 this 指针指向错误的问题，特别是当我们使用默认参数作为函数的属性时。为了避免这个问题，我们可以使用箭头函数或者立即执行函数来定义默认参数，确保默认参数在使用时正确地引用到该类实例的 this。
希望本文对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67185344ad1e889fe22a1c0a