简单认识prototype和__proto__,个人小结
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了简单认识prototype和__proto__,个人小结相关的知识,希望对你有一定的参考价值。
首先说一下构造函数,定义构造函数就是在定义一个模版,其目的就是为了复用。每个构造函数都有一个prototype属性,指向自己的原型对象。每一个构造函数创建出来的对象都会链接到prototype这个属性中,那么原型的作用是什么?1.就是为了重复的代码进行复用,2.就是为了继承。对象原型中有的成员,那么对象也就有了。共有的属性放到原型里,特有的一般放到构造方法里,这样可以达到复用的效果。
例如:
function Fn(name){
this.name = name;
};
// 每一个对象会去找原型中的方法
Fn.prototype.sayhello = function(){
console.log(‘大家好,我是‘+this.name);
};
var f = new Person(‘tim‘);
var f2 = new Person(‘jack‘);
f.sayhello(); //大家好,我是tim
f2.sayhello(); //大家好,我是jack
引申一个知识点,构造函数创建出来的对象,都有一个__proto__属性,用来访问对象的原型对象。__proto__与prototype有什么区别呢?看下面代码
function Foo(){}
var f = new Foo();
console.log(Foo.prototype===f.__proto__) //true
也就是构造方法.prototype===构造方法创建出来的对象.__proto__
以上是关于简单认识prototype和__proto__,个人小结的主要内容,如果未能解决你的问题,请参考以下文章
对于JavaScript对象的prototype和__proto__的理解
prototype/constructor/__proto__之prototype简单应用