深入浅析javascript继承体系-创新互联

最近做web项目，接触了jquery等框架，虽然使用方便，但是还是想学习下Javascript，今天分享下最近对js原型继承的理解，不足之处欢迎指正。

专注于为中小企业提供成都做网站、成都网站设计、成都外贸网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业九江免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了上千余家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。

一、构造器的原型属性与原型对象

　　刚接触js时通常依样画瓢，用函数new一个实例，也不知道其原因，只听说js中函数即对象。原来js中没有采用Java等语言中的类继承体系，而是使用原型对象（prototype）实现继承体系，具体说是利用“构造器”实现类的功能。

首先解释下原型继承中的两个重要概念：原型属性、原型对象(实例)。

就js对象系统而言，创建的每个函数(构造器)都有一个prototype原型属性，同时，通过构造器创建的每个对象实例也包含一个_proto_属性，prototype和_proto_属性是一个指针，指向原型对象。普通函数与构造函数的唯一区别就是，其原型属性prototype是不是一个有意义的值。

原型属性prototype所指向的原型是一个对象实例（Object instance）。具体如下图所示，若构造器Animal()有一个原型对象B，则由该构造器创建的实例都必然复制于B。即：Animal()的实例a1的_proto_属性也会指向原型对象B。因此，实例a1能够继承B的所有属性、方法和其他性质。

图1 js对象实例化实现

二、空的对象

在javascript中，“空的对象”是整个原型继承体系的根基，是所有对象的基础。介绍“空的对象”之前，必须先介绍下“空对象(null)”。

空对象null

　　null不是“空的对象”，作为javascript中的一个保留字，其含义是：

　　（1）属于对象类型

　　（2）对象是空值

作为一个对象类型，可以使用for…in去列举它，但是作为一个空值，null没有任何方法和属性(包括constructor、_proto_等属性)，因此列举不到任何内容。如下例所示：　　

var num=0；
　　for(var propertyName in null)
　　{
　　num++;
　　}

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

标题名称：深入浅析javascript继承体系-创新互联
分享URL：http://shouzuofang.com/article/eoehs.html