如何覆蓋對象的默認輸出？

Question

用JavaScript說，我創建了一個簡單的對象：

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

現在，如果我創建了一個實例並將其輸出到控制台，則會看到對象表示形式：

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

我該如何使輸出字符串呢？：例如，我希望控制台顯示“ My property value is 'property'而不是[對象對象]。

我已經嘗試過使用MyObj.prototype.toString ，但是它似乎不起作用。

Answer 1

您可以掛鈎瀏覽器控制台，然后再重新定義它：

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);

Answer 2

MyObj.prototype.toString() = function() {}將起作用，但不會輸出到控制台。 如果你做的事情

console.log("The object says: " + obj);

...您將看到toString()的輸出

function MyObj() {
    this.prop = "property";
}
MyObj.prototype.toString = function() {
   return "My property 'prop' has the value: '" + this.prop + "'";
}
var obj = new MyObj();
console.log("the object says: " + obj);

// the object says: My property 'prop' has the value: 'property'

// Or call toString() explicitly
console.log(obj.toString());
// My property 'prop' has the value: 'property'