关于原型的问题

Question

  function Person(name) {
    this.name = name
    this.showName = function () {
      console.log(this.name)
      return this.name
    }
  }
  console.log('Person')
  console.dir(Person)

  class Person1 {
    showName() {
      console.log(this.name)
      return this.name
    }
  }
  console.log('Person1')
  console.dir(Person1)

如上图代码所示，
我们都知道，构造函数Person的prototype属性指向浏览器内存中创建的原型对象(Person.prototype)，
通过构造函数Person创建的原型对象（Person.prototype）没有showName方法
而通过class生成的原型对象(Person1.prototype)中有showName方法
请问，这是什么原因。
构造函数必须使用Person.prototype.showName = ... 才和 class效果相同

Answer 1

双越 2023-07-06 08:03:16

通过构造函数Person创建的原型对象（Person.prototype） —— 这句话没看懂

整体看着也很懵，你可以通过代码注释的形式来描述问题，多配合代码来展示。

• 提问者 慕虎2023661 #1

  意思是构造函数中，写一个this.fn，和class中写一个fn， class new的实例原型上有fn，而构造函数new的实例没有

• 双越 回复 提问者 慕虎2023661 #2

  class 中写一个 fn ，相当于构造函数写一个 prototype.fn （而不是 this.fn）