Java程序员从笨鸟到菜鸟（三十五）javascript的原型对象与原型链

一、prototype和_proto_的区别

大多数情况下，_proto_可以理解为构造器的原型即_proto_ == constructor.prototype

var a = {};
console.log(a.prototype); // undefined
console.log(a._proto_); // object {}

var b = function() {}
console.log(b.prototype); // b {}
console.log(b._proto_); // function() {}

_proto_属性指向
取决于对象创建的实现方式，下图有三种常见方式创建对象

1. 字面量方式

   var a = {};
   

2. 构造器方式
   var A = function() {};
   var a = new A{};
   

3.Object.create方式

var a1 = {};
var a2 = Object.create(a1);

代码调试

// 1.字面量方式
var a = {};
console.log(a._proto_); // Object {}
console.log(a._proto_ === a.constructor.prototype); // true

// 2.构造器方法
var A = function() {};
var a = new A();
console.log(a._proto_); // A {}
console.log(a._proto_ ===a.constructor.prototype); // true

// Object.create()
var a1 = {a:1};
var a2 = Object.create(a1);
console.log(a2._proto_); // Object {a:1}
console.log(a.__proto__ === a.constructor.prototype); // false

原型链

由于_proto_是任何对象都有的属性，所以会形成_proto_连起来的链条，递归访问_proto_必须最终到头，并且值是null，当js引擎查找对象的属性时，先查找对象本身是否存在该属性，如果不存在，会在原型链上查找，但不会查找自身的prototype

var A = function() {};
var a = new A {};

代码图解

var A = function() {};
var a = new A();
console.log(a._proto_); // A {} (即构造器function A的原型对象)
console.log(a._proto_._proto_); // Object {} (即构造器function Object的原型对象)
console.log(a._proto_._proto_._proto_); // null

原文传送门：https://www.cnblogs.com/shuiyi/p/5305435.html