JavaScript ES9 中新增加了一个函数方法，即 Function.prototype.toString() 方法的改变，旧版本中该方法返回函数体的字符串表示，新版本中则会返回源代码中的代码片段。
在本文中，我们将深入探讨这一改变带来的影响，并讨论如何使用这个新特性提高代码的可读性和维护性。
ES9 中 Function.prototype.toString() 的新特性
在 ES9 中，Function.prototype.toString() 方法的返回值与函数源代码中的代码片段相对应，而不是仅返回函数体的字符串表示。如下示例代码所示：
-- -------------------- ---- ------- -------- ----- - ------------------ --------- - ---------------------------- -- --- ---------------- ----- ------------------- ---------- -- --- ---------------- ----- - -- ------------------ --------- -- -
通过这个示例，我们可以看出，在 ES9 中，Function.prototype.toString() 返回的字符串包含了函数声明的所有代码。
如果函数在多行中定义，则返回的代码片段中也将包含缩进，使得该代码片段可以直接复制粘贴到源代码中。
ES9 中 Function.prototype.toString() 的影响
ES9 中 Function.prototype.toString() 方法的改变对 JavaScript 开发带来了两个主要的影响：可读性和安全性。
更好的可读性
在过去，由于返回的字符串只是函数体的实现，没有包含函数的名字或其他属性，所以通常需要为代码打印额外的信息或者通过注释来提供更多的上下文信息。
而在 ES9 中，由于返回的代码片段包含的是函数源代码中的代码片段，因此可读性更好，使得代码更容易理解。
这篇文档的代码块就是一个很好的例子。如果我们运行以下代码，就可以将代码片段粘贴到我们的代码中，以便更好地理解代码：
function foo() {
console.log('Hello World!');
}
console.log(foo.toString());更好的安全性
由于以前的 Function.prototype.toString() 方法返回的字符串只是函数体的单纯文本表示，也就意味着函数的整个源代码可能会以某种方式泄漏，从而导致一些安全漏洞。
然而，ES9 中的 Function.prototype.toString() 的返回值包含了更多原始的源代码，使得我们的代码更安全，更难以被恶意利用。
例如，以下代码以前可能非常脆弱，因为 Function.prototype.toString() 返回的字符串可以包含整个函数，包括它的内部逻辑和数据：
-- -------------------- ---- -------
-------- ----- -
----- ------ - ----------------------
-------- ---------------- -
-- --------- --- ------- -
------------------- ----------
------ -----
-
------------------- ---------
------ ------
-
------ -------
-
----- ------ - ------
------------------------------- -- ------然而，在 ES9 中，如果我们运行了上面的代码，Function.prototype.toString() 返回的代码片段将不会包含 secret 密码的值。
如何使用 ES9 中的 Function.prototype.toString()
ES9 中 Function.prototype.toString() 方法的改变为开发者提供了一个非常有用的方法，可以用于构建更安全、更易于阅读和维护的 JavaScript 代码。
以下优秀的实践应帮助你充分利用这一新特性：
1. 调试代码
当我们需要调试代码时，可以使用 Function.prototype.toString() 方法来打印相应函数的源代码，以便更好地理解和检查函数的行为。
function foo() {
console.log('Hello World!');
}
console.log(foo.toString());输出：
function foo() {
console.log('Hello World!');
}2. 可读性更强的代码
ES9 中函数方法提供的代码片段的可读性更强，因此，在编码时，可以使用这个特性，注释特定的边界，增加更多的上下文信息。
function foo() {
// 开始操作
console.log('Hello World!');
// 操作完成
}
console.log(foo.toString());输出：
function foo() {
// 开始操作
console.log('Hello World!');
// 操作完成
}3. 保护源代码
在以前的版本中，由于 Function.prototype.toString() 返回的是函数体的文本表示，因此会存在源代码被泄露的风险。
而现在，通过使用 ES9 中 Function.prototype.toString() 的新特性，我们可以在一定程度上保护我们的代码。
-- -------------------- ---- -------
-------- ----- -
----- ------ - ----------------------
-------- ---------------- -
-- --------- --- ------- -
------------------- ----------
------ -----
-
------------------- ---------
------ ------
-
------ -------
-
----- ------ - ------
-------------------------------输出：
function verify(password) {
if (password === secret) {
console.log('Access Granted');
return true;
}
console.log('Access Denied');
return false;
}结论
ES9 中 Function.prototype.toString() 的新特性可以提高我们的代码的可读性和安全性。在编写和调试函数时，可以使用这个特性来打印和修改相应函数的源代码。在编写安全代码时，这个特性还可以防止整个函数的源代码泄露。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66fd442244713626017b8cbb