美文网首页
JavaScript的原型对象与原型链

JavaScript的原型对象与原型链

作者: 楚阿吉 | 来源:发表于2018-09-07 11:20 被阅读0次

prototype和proto的区别

image

vara = {};

console.log(a.prototype);  //undefinedconsole.log(a.__proto__);//Object {}varb =function(){}

console.log(b.prototype);  //b {}console.log(b.__proto__);//function() {}

image

/*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中的例外情况)

image

varA =function(){};vara =new A();

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

相关文章

网友评论

      本文标题:JavaScript的原型对象与原型链

      本文链接:https://www.haomeiwen.com/subject/kqzqgftx.html