理解原型链
JavaScript之原型链
参考:http://zhangjiahao8961.iteye.com/blog/2070650
原型链
概念
原型链是一种机制,指的是JavaScript每个对象包括原型对象都有一个内置的[[proto]]属性指向创建它的函数对象的原型对象,即prototype属性。
作用
原型链的存在,主要是为了实现对象的继承。
理解
要理解原型链,需要从几个概念入手。
1、函数对象
在JavaScript中,函数即对象。
2、原型对象
当定义一个函数对象的时候,会包含一个预定义的属性,叫prototype,这就属性称之为原型对象。
//函数对象
function F(){};
console.log(F.prototype)
//普通对象
var a = {};
console.log(a.prototype);//undefined
3、proto
JavaScript在创建对象的时候,都会有一个[[proto]]的内置属性,用于指向创建它的函数对象的prototype。原型对象也有[[proto]]属性。因此在不断的指向中,形成了原型链。
举个例子来说,我们将对象F的原型对象修改一下,就可以清楚看到上述的关系
//函数对象
function F(){};
F.prototype = {
hello : function(){}
};
var f = new F();
console.log(f.proto)
4、new
当使用new去调用构造函数时,相当于执行了
var o = {};
o.proto = F.prototype;
F.call(o);
因此,在原型链的实现上,new起到了很关键的作用。
5、constructor
原型对象prototype上都有个预定义的constructor属性,用来引用它的函数对象。这是一种循环引用。
function F(){};
F.prototype.constructor === F;
在实际运用中,经常会有下列的写法
function F(){};
F.prototype = {
constructor : F,
doSomething : function(){}
}
这里要加constructor是因为重写了原型对象,constructor属性就消失了,需要自己手动补上。
6、原型链的内存结构
function F(){
this.name = 'zhang';
};
var f1 = new F();
var f2 = new F();
为了严谨起见,区分对象和变量
关键字:JavaScript, 原型, 对象, 函数
版权声明
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!