ES9 中的 Function.prototype.toString() 方法的使用详解

ES9 中的 Function.prototype.toString() 方法的使用详解

在 JavaScript 的开发中，函数一直是使用频率非常高的一种数据类型。在 ES6 中，JavaScript 的函数得到了很多加强，如箭头函数、默认参数等等，但是在 ES9 中有一种比较隐秘的方法也值得我们去探究，那就是 Function.prototype.toString() 方法。

Function.prototype.toString() 方法是一个非常强大的方法，可以让我们查看一个函数的源代码，它可以接受任何一种 JavaScript 函数，并返回一个字符串，表示这个函数的源代码。这个方法有着丰富的应用场景，本文将详细介绍这个方法的使用。

使用方法

下面是 Function.prototype.toString() 的使用方法：

function test() {
  console.log("hello world");
}
console.log(test.toString());

以上代码将会输出整个 test 函数的源代码，输出内容如下：

function test() {
  console.log("hello world");
}

接下来，让我们详细探究一下 Function.prototype.toString() 方法的使用。

使用场景

1.调试代码

在调试代码时，使用 Function.prototype.toString() 可以帮助我们快速定位问题。我们可以将一个函数的源代码输出出来，然后在控制台中查看。

function divide(a, b) {
  return a / b;
}
console.log(divide.toString());

输出结果：

function divide(a, b) {
  return a / b;
}

2.起到判断身份的作用

通过获取到函数的源代码，我们可以很容易地来判断一个函数的身份，这样就可以防止在执行 eval 等类似的函数时，出现安全隐患。

3.反射一个函数的参数列表和结果类型

通过 Function.prototype.toString()，我们可以获取到一个函数的参数列表和结果类型，这对于函数调用时的错误处理非常有帮助。

例如，假设我们有一个函数：

function demo(a, b, c) {
  return a + b + c;
}

可以通过 Function.prototype.toString() 来获取函数的参数列表和结果类型：

const demoSource = demo.toString();
const regExp = /\([\s\S]*?\)/;
const parameterList = demoSource.match(regExp)[0];
const resultIndex = demoSource.indexOf("return");
const resultType = demoSource.substr(resultIndex + 6).match(/(^|\s)\w*/)[0];

console.log(parameterList); //"a, b, c"
console.log(resultType); //"string"

4.保留代码的格式

在一些特殊的场景下，我们需要保留代码的格式，Function.prototype.toString() 方法可以完美的帮助我们实现这样的需求。

// javascriptcn.com 代码示例
function getBigData() {
  return ["big", "data"];
}

const prettySource = getBigData
  .toString()
  .replace(/[\r\n\t]+/g, "")
  .replace(/function\s*\(/, "function (")
  .replace(/\{/g, "{\n\t")
  .replace(/\}/g, "\n}")
  .replace(/,\s+/g, ", ")
  .replace(/;\s+/g, ";\n\t");

console.log(prettySource);

以上代码将会输出格式化后的源代码，输出内容如下：

function getBigData() {
  return ["big", "data"];
}

总结

在现实开发中，我们经常需要获取某个函数的源代码，而 Function.prototype.toString() 方法可以在很多情况下帮我们实现这个需求。同时，它还可以帮助我们判断函数的身份，反射函数的参数列表和结果类型，保留代码的格式等等。掌握这个方法对于提高开发效率是非常有益的。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6542765c7d4982a6ebc22d1b