重新认识原型和原型链二

知道了prototype这个原型(也叫原型属性、原型对象,不要搞混了,原型、原型属性、原型对象都是同一个东西),我们还需要知道__proto__和constructor两个属性。

先说说constructor属性,这个属性是函数独有的,而且是存在于原型prototype中,constructor指向函数对象。

function User() {};

console.log(User.prototype);


User是函数对象(也叫构造函数),所以User有prototype属性,prototype属性有constructor属性,constructor属性指向这个函数对象。于是出现了一个死循环,函数对象User的prototype属性下有constructor属性,而constructor属性指向函数对象User。你一直点开,会发现一直有constructor和prototype,没有尽头。但是这个属性具体有什么作用还没查到。

__proto__也叫隐式原型,指向构造函数的prototype。

function User() {

}

User.prototype.name = ‘wade’;

var user = new User();

console.log(User.prototype);

console.log(user.proto);


正是因为有隐式原型的存在,实例对象才能使用构造函数原型上一系列的方法和属性。

var time = new Date();

console.log(Date.prototype);

console.log(time.proto);

console.log(time.proto === Date.prototype);

User和Date叫构造函数,user和time是实例对象,实例对象的隐式原型__prpto__指向创建出实例的构造函数的显示原型prototype。

除了null和undefined之外,所有的数据类型都有隐式原型__proto__

var a = 10;

var b = ‘10’;

var c = true;

var d = {};

console.log(a.proto);

console.log(b.proto);

console.log(c.proto);

console.log(d.proto);

都是指向自己的数据类型,Number、String、Boolean,所以通过__proto__,实例对象可以使用构造函数的所有方法和属性。

有一点要特别注意,构造函数的隐式原型__proto__在显示原型prototype上。虽然也可以打印出数据。

function User() {}

console.log(User.prototype);

console.log(User.proto);

欢迎关注Coding个人笔记 订阅号

猜你喜欢

转载自blog.csdn.net/wade3po/article/details/88533906