javascript - 如何覆盖对象的默认输出？

Question

在 JavaScript 中，我创建了一个简单的对象:

function MyObj() {
    this.prop = "property";
}

现在，如果我创建一个实例并将其输出到控制台，我会看到对象表示:

var obj = new MyObj();
console.log(obj);

我怎样才能使该输出成为一个字符串？:例如，我希望控制台显示 My property value is 'property' 而不是 [object object]。

我试过使用 MyObj.prototype.toString，但它似乎不起作用。

Answer 1

您可以 Hook 浏览器控制台，然后重新定义它:

var obj = {
    name: "Joel",
    age: 32,
    toString: function() {
        return this.name + " is " + this.age + " years old.";
    }
};

var browserConsole = console;

console = {
    log: function(data) {
        if (typeof data === "object") {
            browserConsole.log(data.toString());
        } else {
            browserConsole.log(data);
        }
    }
}

console.log(obj);