JavaScript中prototype 为何是不能被打印显示的呢？ 那么它的意义是什么？

Question

prototype 为何是不能被打印显示的呢？
那么它的意义是什么？

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

Person.prototype.sayHello = function() {
  console.log(`Hello, my name is ${this.name} and I'm ${this.age} years old.`);
}

let person1 = new Person('John', 30);
person1.sayHello();   // 可调用
console.log(person1);  // 没有原型上被定义的数据
console.log(person1.prototype);  // undefined

Answer 1

需要用 Object.getPrototypeOf(person1)

另外 console.log(person1) 里也是可以找到它的 prototype 上的属性的，只是不会直接显示子在 person1 下，而是在他的 <prototype> 下面（firefox，不同的浏览器/IDE 这个显示的“属性”名会有不同，因为这实际上不是一个“属性”，不是可以直接看到的）

Answer 2

1. "类"函数在执行new操作的时候会创建一个对象, 在这个例子把这个对象赋值给了person1
2. 这个对象(person1)的内部链接[[Prototype]]会关联Person.prototype对象

console.log(Object.getPrototypeOf(person1) === Person.prototype); // true

3. person1.sayHello()执行过程是:

   • person1对象上直接获取=>没有
   • person1的[[Prototype]]链上查找, 根据上面的第2条, [[Prototype]]会关联Person.prototype对象, 所以实际调用的是Person.prototype.sayHello