Javascript原型继承和对象创建

Question

我无法理解普通对象和继承创建过程与整个prototype 概念之间的区别。假设我有这个代码：

function Person(name, age,location){
    this.name = name;
    this.age = age;
    this.location = location;
    this.greet = function(){
        return console.log(this.name + " says hi from "+this.location);
    }
}
    Person.prototype = {
        protoGreet: function(){
            console.log(this.name + " says 'that greeting was sent using a prototype'")
        }
    }

var alex = new Person("Alex",29,"earth");
var john = Object.create(Person);
//now I can set john's location john.location = "wherever";

1. greet 和protoGreet 方法有什么区别。它们的行为完全相同。
2. alex 和john 有什么区别。一个是使用new 关键字创建的，另一个是通过Person "class" 的prototype 属性创建的。
3. 我想没有正确的方法，因为两者都是正确的，但是我什么时候应该更喜欢一种方法而不是另一种方法？

Answer 1

原型函数和对象本身函数的区别：
问候函数：这个函数（所有函数都是对象）在实例对象内部，所以每个实例都有自己的问候函数，就像你可以在图片中看到。

protoGreet 函数：位于内存中的一个独立对象（图片中的字面量对象）内，不属于Person 的任何实例。但是Person 的每个实例都有一个指向该对象的隐藏链接（引用）（这个链接称为__proto__）。所以这个对象在Person的所有实例之间共享

我关心有多少个 greet 实例？

内存优化是所有应用程序的本质，实际上 Web 应用程序也不例外。因此，当单个共享对象足以满足您的目的时，为每个实例使用单独的对象可能会违反此规则。但是从性能的角度来看，第一种方式（即 greet 函数）可能比第二种方式（即 protoGreet 函数）更快，因为不会发生称为原型链查找的某个过程。请记住，在这种权衡取舍中，记忆是赢家。

对于您的其他问题，似乎您不知道new 关键字究竟做了什么。所以让我指出一个旁注。

注意：这些步骤将在您使用 new 关键字调用函数时完成。假设我们有以下函数：

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

• 创建一个空的字面量对象，即{}（注意这个对象隐藏的__proto__链接指的是Person.prototype所代表的对象）
• 调用函数并将所有 this 关键字替换为此 emply 字面量对象（在更专业的术语中，this 指的是空字面量对象）。
• 指定的属性和方法将被添加到新创建的对象中。 （在本例中为 name 和 age 属性）。
• 最终，该对象将从函数中隐式返回。

现在让我们回到您的问题，Object.create(Person.prototype) 和 new Person() 之间有什么区别？

案例new Person() 前面已讨论过。但是Object.create(Person.prototype) 创建了一个空对象并将其 __proto__ 链接到第一个输入参数对象（在本例中为 Person.prototype）并将新创建的对象作为输出返回。

好的，到目前为止，我希望这篇笔记能澄清你的问题，但如果我的回答仍然没有意义，请告诉我你的问题在哪里。