理解Javascript的原型

1         function Foo(){}
2         var f = new Foo()
3         // __proto__
4         console.log(f.__proto__ === Foo.prototype) // true
5         console.log(Foo.prototype.__proto__ === Object.prototype) // true
6         console.log(Object.prototype.__proto__ === null) // true
7 
8         console.log(f.constructor === Foo) // true
9         console.log(Foo.constructor === Function) // true    

1. 我们需要牢记两点:①__proto__和constructor属性是对象所独有的;② prototype属性是函数所独有的,因为函数也是一种对象,所以函数也拥有__proto__和constructor属性。

2. __proto__属性的作用就是当访问一个对象的属性时,如果该对象内部不存在这个属性,那么就会去它的__proto__属性所指向的那个对象(父对象)里找,一直找,直到__proto__属性的终点null,然后返回undefined,通过__proto__属性将对象连接起来的这条链路即我们所谓的原型链。

3. prototype属性的作用就是让该函数所实例化的对象们都可以找到公用的属性和方法,即f1.__proto__ === Foo.prototype。

4. constructor属性的含义就是指向该对象的构造函数,所有函数(此时看成对象了)最终的构造函数都指向Function()。

猜你喜欢

转载自www.cnblogs.com/codejoker/p/10453234.html