在 ES8 中，caller 和 arguments 的用法会在严格模式下被禁止。这是由于这两个属性在 JavaScript 语言中出现了许多问题和不一致之处。这也导致了在使用各种库和框架中出现了一些错误。本文将详细介绍这个问题并提供一些解决方案。
caller 和 arguments 的问题
首先，让我们看一下 caller 和 arguments 的定义。在 JavaScript 中，当你定义一个函数时，它会自动获得两个命名参数：arguments 和 caller。这两个参数都是只读的，并且用于操作函数。
arguments
arguments 参数是一个类数组对象，它存储了该函数被调用时传入的所有参数。例如，假设我们定义了以下函数：
function test(a, b, c) {
console.log(arguments);
}当我们调用该函数时，arguments 对象将包含所有传入的参数：
test(1, 2, 3); // 输出: [1, 2, 3]
caller
caller 参数是一个只读属性，它存储了当前函数被哪个函数调用。例如：
-- -------------------- ---- -------
-------- ------ -
-------------------------
-
-------- -------- -
-------
-
---------
-- --- ------然而，由于函数声明存在预编译阶段，导致在使用 caller 参数时出现了许多问题。例如，使用 caller 参数可能会导致一些安全问题。因此，在严格模式下，这两个参数被禁用。
解决方案
对于 arguments 参数，建议使用 rest operator 或 Spread Operator 来获取函数参数。例如：
function test(...args) {
console.log(args);
}
test(1, 2, 3);
// 输出: [1, 2, 3]或者使用 Spread Operator：
function test(a, b, c) {
console.log([a, b, c]);
}
const args = [1, 2, 3];
test(...args);
// 输出: [1, 2, 3]对于 caller 参数，建议使用 Function.caller 去替代。例如：
-- -------------------- ---- -------
-------- ------ -
-------------------------
-
-------- -------- -
--------------
-
---------
-- --- ------这种方式可以避免在函数声明阶段出现的问题。
结论
caller 和 arguments 参数在 ES8 中被禁用的问题在实际开发中是非常常见的。开发人员在使用函数时应该避免使用它们，并寻找替代的解决方案，如 rest operator 和 Function.caller。这样可以有效地避免出现问题并保持代码的健康和可扩展性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67124386ad1e889fe203bc66