ECMAScript 2021（ES12）的实验特性：Function.prototype.toString 的行为变化

在 ECMAScript 2021（ES12）中，Function.prototype.toString 方法的行为发生了变化。这个变化可能会对前端开发者产生一些影响，因此我们有必要了解一下它的具体表现和实际应用。

变化的表现

在 ES5 中，Function.prototype.toString 方法返回的是函数的源代码字符串，包括函数的声明和实现。而在 ES6 中，由于箭头函数的出现，Function.prototype.toString 方法的返回值变为了函数的源代码字符串，但是不包括函数的声明。

在 ES2021 中，Function.prototype.toString 方法的行为又发生了变化。具体来说，它将返回一个新的字符串，其中包含了函数的源代码字符串和函数的名称。这个函数名称包括了任何可用的名称，例如函数表达式中的变量名称、对象方法中的属性名称等等。

这个变化的主要目的是为了提高函数的可读性。在开发者使用这个方法时，可以更方便地了解函数的名称，从而更好地理解代码的含义。

实际应用

在实际应用中，我们可以使用 Function.prototype.toString 方法来获取函数的名称。例如，我们可以通过以下代码获取一个函数的名称：

function foo() {
  console.log('Hello, world!');
}

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

在 ES2021 中，我们可以使用以下代码获取一个函数的名称：

function foo() {
  console.log('Hello, world!');
}

console.log(foo.toString()); // "function foo() {\n  console.log('Hello, world!');\n}"
console.log(foo.toString().match(/function\s+(\w+)/)[1]); // "foo"

在这个例子中，我们使用正则表达式来提取函数名称。这个正则表达式可以匹配以 "function" 开头，后面跟着一个或多个空格，然后是函数名称的字符串。我们使用 match 方法来获取匹配的结果，然后使用数组下标来获得函数名称。

指导意义

ES2021 中 Function.prototype.toString 方法的变化，为开发者提供了更好的可读性和代码理解的便利。在实际开发中，我们可以更方便地获取函数的名称，从而更好地理解代码的含义。

但是，需要注意的是，这个新的行为是一个实验性质的特性，可能会在未来的 ECMAScript 标准中发生变化。因此，我们在使用这个方法时要谨慎，避免出现不必要的问题。同时，我们也应该密切关注这个特性的发展，以便及时了解它的最新变化。

结论

在 ECMAScript 2021（ES12）中，Function.prototype.toString 方法的行为发生了变化，它将返回一个新的字符串，其中包含了函数的源代码字符串和函数的名称。这个变化为开发者提供了更好的可读性和代码理解的便利。

在实际应用中，我们可以使用 Function.prototype.toString 方法来获取函数的名称。但是需要注意的是，这个新的行为是一个实验性质的特性，可能会在未来的 ECMAScript 标准中发生变化。因此，我们在使用这个方法时要谨慎，避免出现不必要的问题。

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