Question

在JavaScript中，我注意到我的console.log打印了对象以及所有用户定义的原型。

Date.prototype.getWeekNumber = function() {
}

Date.prototype.addDay = function() {
}

a = new Date();

console.log(a);
console.log("a - " + a);

输出：

[object Date] {
  addDay: function() {
},
  getWeekNumber: function() {
}
}
"a - Mon Jun 03 2019 13:58:05 GMT-0400 (Eastern Daylight Time)"

将console.log输出转换为字符串将按预期方式呈现值，但是如果您仅控制台对象，则可以做一些事情来整理控制台，以便仅打印对象以用于调试目的和用户定义从代码中删除用户定义的原型时，原型是否不会像以下输出一样扩展？

[object Date] { ... }
"a - Mon Jun 03 2019 14:01:00 GMT-0400 (Eastern Daylight Time)"

没什么大不了的，但是我找不到类似的问题，所以我想问一下。预先感谢。

Answer 1

您是要只将日期记录为String吗？

console.log(a.toString());

或者如果击键太多：

console.log(""+a);

Answer 2

默认情况下，属性是可枚举的。这意味着在检查对象的属性时，将它们列为重要对象。

您可以将Object.defineProperty与enumerable: false一起使用，以创建不可枚举的属性。它仍然存在，但是在要求显示其所有属性时不会列出。

// Properties are enumerable by default.
Date.prototype.enumerable = function() {
  return 'enumerable';
};

// Use Object.defineProperty to create a non non enumerable property
Object.defineProperty(Date.prototype, 'nonEnumerable', {
  enumerable: false,
  configurable: false,
  writable: false,
  value: function() {
     return 'nonEnumerable'; // logic todo...
  }
});

a = new Date();

// Iterate over all enumerable keys
for (const key in a) {
  console.log('enumerable key: ' + key); // only 'enumerable' is logged
}

// But both properties are present
console.log(a.enumerable())    //-> 'enumerable'
console.log(a.nonEnumerable()) //-> 'nonEnumerable'

Javascript用户定义的原型与控制台上的对象一起返回

2 个答案: