ES9 之 function 的 toString() 方法详解

在JavaScript中，函数是一等公民。与其他语言不同，JavaScript中的函数也是对象，可以像其他对象一样进行操作。在ES9（ECMAScript 2018）中，函数增加了一个可以用于获取函数源代码的方法——toString()。

toString() 方法的用途

toString() 方法用于返回一个函数的源代码字符串表示形式。它可以将一个函数对象转换为一个字符串，使得我们可以查看和操作该函数的源代码。

例如，我们可以使用 toString() 方法获取函数的源代码，然后进行语法高亮和格式化，以便更好地阅读和理解代码。toString() 方法还可以用于将函数存储到数据库或提供给其他开发人员进行分析和调试。

toString() 方法的语法

函数的 toString() 方法的语法如下：

function functionName() {
    // 函数体
}

functionName.toString();

示例代码

下面以一个简单的示例来说明 toString() 方法的使用：

function add(a, b) {
    return a + b;
}

console.log(add.toString());

执行结果：

function add(a, b) {
    return a + b;
}

toString() 方法的注意事项

1. 如果函数是通过 Function 构造函数创建的，则它的 toString() 方法返回的是一个完整的函数定义字符串，包括函数名称、参数列表和函数体。

const func = new Function("a", "b", "return a + b;");
console.log(func.toString());

执行结果：

function anonymous(a, b
) {
return a + b;
}

1. 如果函数是通过箭头函数语法创建的，则它的 toString() 方法返回的是箭头函数的源代码字符串，不包括 function 关键字。

const add = (x, y) => x + y;
console.log(add.toString());

执行结果：

(x, y) => x + y

1. 如果函数是通过方法调用者的 apply() 方法或 call() 方法创建的，则它的 toString() 方法返回的是被调用的函数的源代码字符串，而不是新创建的函数对象的源代码字符串。

function add(a, b) {
    return a + b;
}

const obj = {};
console.log(add.call(obj, 1, 2).toString());

执行结果：

function add(a, b) {
    return a + b;
}

总结

toString() 方法是一个用于获取函数代码字符串表示形式的实用工具。通过使用 toString() 方法，我们可以更好地理解和分析代码。需要注意的是，我们需要根据函数的类型和创建方式来正确使用 toString() 方法。

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