javaScript 原型对象与原型链

时间:2022-08-24 22:38:59

一、prototype和__proto__的区别

javaScript 原型对象与原型链

__ proto __ 一般理解为类似 构造器原型

//函数对象
var o = function () {
console.log(1)
}


o.constructor;
//构造器 由constructor函数产生的

o.constructor.prototype;//构造器原型

//一般字面量对象
var oo = {a: 1, b: 2}

oo.constructor;//构造器 由constructor函数产生的

oo.constructor.prototype;//构造器原型

javaScript 原型对象与原型链

__ proto __ 属性指向谁

javaScript 原型对象与原型链

/*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

/*3、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(此处即为图1中的例外情况)

什么是原型链

javaScript 原型对象与原型链

javaScript 原型对象与原型链