ECMAScript 2018（ES9）中的 Function.prototype.toString() 增强功能

在 ECMAScript 2018（ES9）中，Function.prototype.toString() 方法得到了增强，可以直接返回函数的源代码。

什么是 Function.prototype.toString() 方法

Function.prototype.toString() 方法是 JavaScript 中的一个内置方法，用于返回函数的源代码字符串。

function foo() {
  console.log("Hello World!");
}

console.log(foo.toString()); // "function foo() {\n  console.log(\"Hello World!\");\n}"

上面的代码中，我们定义了一个名为 foo 的函数，并使用 console.log() 方法输出了它的源代码字符串。

ES9 中的增强功能

在 ES9 中，Function.prototype.toString() 方法得到了增强，它可以直接返回函数的源代码，而不是包含函数名称和函数参数的字符串。

function foo() {
  console.log("Hello World!");
}

console.log(foo.toString()); // "function () {\n  console.log(\"Hello World!\");\n}"

上面的代码中，我们使用 console.log() 方法输出了 foo 函数的源代码字符串。与 ES8 及之前版本不同的是，ES9 中返回的字符串不包含函数名称和函数参数。

学习和指导意义

ES9 中的 Function.prototype.toString() 方法增强功能对于前端开发者来说非常实用。它可以帮助我们更方便地获取函数的源代码，从而更好地理解和调试代码。

此外，ES9 中的 Function.prototype.toString() 方法增强功能还可以用于加强代码的安全性。由于返回的字符串不包含函数名称和函数参数，可以有效地防止黑客利用代码中的信息进行攻击。

示例代码

下面是一个使用 ES9 中的 Function.prototype.toString() 方法增强功能的示例代码：

function foo() {
  console.log("Hello World!");
}

const fooSource = foo.toString().replace(/^function\s*\w*\s*\(\)\s*\{/, "")
                                   .replace(/\}$/, "");

console.log(fooSource); // "console.log(\"Hello World!\");"

上面的代码中，我们定义了一个名为 foo 的函数，并使用 Function.prototype.toString() 方法获取了它的源代码字符串。然后，我们使用 replace() 方法将源代码字符串中的函数名称和函数参数去掉，只留下函数体部分。最后，我们输出了新的源代码字符串，即 foo 函数的实际代码。

总结

ES9 中的 Function.prototype.toString() 方法增强功能可以直接返回函数的源代码，这对于前端开发者来说非常实用。它可以帮助我们更方便地获取函数的源代码，从而更好地理解和调试代码。此外，它还可以用于加强代码的安全性。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66012042d10417a222c4a242