console.log 输出 'function <valueOf result>' 而不是 '<valueOf result>'

Question

我正在阅读 javascript 手册，我有以下代码：

//sum
function sum(arg1) {
    var sum = arg1;

    function f(arg2) {
        sum += arg2;
        return f;
    };

    f.valueOf = function () {
        return sum;
    };

    f.toString = function () {
        return sum;
    };

    return f;
}

我是这样执行的：

console.log(sum(1)(2)(3)(4));

根据手册console.log应该输出valueOf函数的结果

但它输出

function 10

请解释这种行为。

Answer 1

根据手册的console.log应该输出valueOf函数的结果

我不知道你在说什么“手册”，但总的来说，console.log不会在你输出的内容上调用valueOf。 console.log 的实现因 JavaScript 引擎而异，但通常它们会尝试为您提供比调用 valueOf 更有用的信息。

如果你想触发valueOf，你需要故意这样做，例如：

console.log(sum(1)(2)(3)(4).valueOf());
// ------------------------^^^^^^^^^^

或（因为您的函数旨在产生一个数字）：

console.log(+sum(1)(2)(3)(4));
// ---------^

例子：

function sum(arg1) {
    var sum = arg1;

    function f(arg2) {
        sum += arg2;
        return f;
    };

    f.valueOf = function () {
        return sum;
    };

    f.toString = function () {
        return sum;
    };

    return f;
}

console.log(sum(1)(2)(3)(4).valueOf());
// ------------------------^^^^^^^^^^

console.log(+sum(1)(2)(3)(4));
// ---------^

Look in the actual browser console; the Stack Snippets console doesn't quite do what the real browser console does.