javascript - console.log() 对象不会记录通过节点 js 控制台中的原型添加的方法。或者如何打印原型？

Question

function Person(name)  {
        this.name = name;
    }

    Person.prototype.getName = function() {
        return this.name
    }

    var tinu = new Person('Tinu');

    console.log(tinu.getName()) //Prints the name 'Tinu' - Expected, means the function is added to protoype

    console.log(tinu);

最后一个 console.log() 不会通过点原型打印新添加的名为“getName”的方法，只打印属性“name”，在这里我希望在 Person 中打印属性“name”和方法“getName”目的。以下是上述代码的实际输出和所需输出：

实际输出

提努
人{名称：“提努”}

期望的输出

提努
人{名称：“提努”，getName：[功能]}

下图显示了另一个示例，其中通过原型添加的方法“getFullName”在打印以控制台添加它的对象时正确显示。并期望与我的示例相同

Answer 1

在 chrome 开发工具中，如果单击展开图标，您可以在以下位置看到原型属性__proto__：

你可以看到getName()那里定义的。这是放置它的合适位置，因为它是原型的属性，而不是 person 对象本身。

Answer 2

console.log是您的 js 环境（在您的情况下为 Node.js）提供的 API。没有标准规格。因此，在您的情况下，console.log打印您的 Javascript 对象的简单字符串表示。

{ propName: propValue }

在Node.js中有一个 util-module ( util-documentation )。此外，我找到了一个方法，它返回对象的所有属性，包括原型链的所有属性。

const util = require('util')

function Person(name)  {
    this.name = name;
}

Person.prototype.getName = function() {
    return this.name
}

var tinu = new Person('Tinu');

console.log(util.inspect(tinu, {showHidden: false, depth: null}))

function getAllPropertyNames(obj) {
  var props = [];

  do {
    Object.getOwnPropertyNames(obj).forEach(function (prop) {
      if (props.indexOf(prop) === -1 ) {
        props.push( prop );
      }
    });
  } while (obj = Object.getPrototypeOf(obj));

  return props;
}

console.log(getAllPropertyNames(tinu)); 
/*
[ 'name',
  'constructor',
  'getName',
  '__defineGetter__',
  '__defineSetter__',
  'hasOwnProperty',
  '__lookupGetter__',
  '__lookupSetter__',
  'isPrototypeOf',
  'propertyIsEnumerable',
  'toString',
  'valueOf',
  '__proto__',
  'toLocaleString' ]
 */

如果您在浏览器上并想查看定义的方法和其他信息，您可以使用浏览器的开发人员工具。按F12，你可以做很多调查。