JavaScript里 proto 与 prototype 的差异

在JavaScript的世界里，__proto__和prototype是两个容易让人混淆的概念，但它们在本质和作用上有着明显的差异。

prototype是函数所特有的一个属性。在JavaScript中，函数可以作为构造函数来创建对象。当定义一个函数时，它会自动拥有一个prototype属性，这个属性指向一个对象，这个对象包含了由该构造函数创建的所有实例共享的属性和方法。例如：

function Person(name) {
    this.name = name;
}
Person.prototype.sayHello = function() {
    console.log('Hello, my name is'+ this.name);
};
let person1 = new Person('Alice');
let person2 = new Person('Bob');
person1.sayHello(); 
person2.sayHello();

这里的sayHello方法是定义在Person构造函数的prototype上的，person1和person2实例都可以共享这个方法。

而__proto__是对象的一个属性，它指向该对象的原型对象。当我们访问一个对象的属性或方法时，如果在对象本身没有找到，JavaScript引擎会沿着__proto__链向上查找，直到找到该属性或到达原型链的顶端（null）。在上面的例子中，person1.__proto__就指向Person.prototype。

可以简单理解为，prototype是构造函数用于定义实例共享属性和方法的一个“模板”，而__proto__则是实例对象用于查找属性和方法的“线索”，它将对象和其构造函数的原型连接起来。

需要注意的是，__proto__并不是标准的ECMAScript属性，虽然大多数现代浏览器都支持它，但在实际开发中，更推荐使用Object.getPrototypeOf()方法来获取对象的原型。

另外，通过修改prototype可以影响到所有由该构造函数创建的实例，而修改对象的__proto__则只会影响到该对象本身。

理解__proto__和prototype的差异对于深入掌握JavaScript的面向对象编程机制至关重要，能够帮助开发者更好地设计和优化代码。