JavaScript原型继承之基础机制

由于语言设计上的原因，JavaScript 没有真正意义上“类”的概念。而通常使用的 new 命令实例化对象的方法，其实是对原型对象的实例化。这一语言功能的本质依赖于 JavaScript 特有的原型链(prototype chain)模式。

创新互联建站客户idc服务中心，提供西部信息机房、成都服务器、成都主机托管、成都双线服务器等业务的一站式服务。通过各地的服务中心，我们向成都用户提供优质廉价的产品以及开放、透明、稳定、高性价比的服务，资深网络工程师在机房提供7*24小时标准级技术保障。

所以严格意义上说，JavaScript 是基于原型的面向对象语言。也就是说，每个实例对象都具有一个原型。对象从该原型中继承属性和方法。

1、构造函数

利用构造函数，可以简单地创建对象。构造函数内的 this 关键字指向实例对象本身：

 
 
 

  
  
  
function People(name){  
  
  
  
    this.name = name;  
  
  
  
} 
 
 
 

使用 new 运算符和构造函数创建实例对象：

 
 
 

  
  
  
var people = new People('小明');  
  
  
  
console.log(people.name); //小明 
 
 
 

但如果创建了两个实例，这两个实例之间无法直接共享属性和方法：

 
 
 

  
  
  
var people1 = new People('小明');  
  
  
  
var people2 = new People('小王');  
  
  
  
people1.sex = 'male';  
  
  
  
console.log(people2.sex); //undefined 
 
 
 

也就是说对象一旦被实例化，其属性方法都独立存在，对某个属性的修改不会影响到其他实例。

2、Prototype

于是就有了 prototype 属性，这个属性是在生成实例对象时自动创建的。它本身又是一个对象，拥有能够在实例间共享的属性和方法。而实例本身的属性和方法，则包含在构造函数中。换句话说，构造函数内部的属性和方法，在经过实例化后都成为了本地的属性和方法，而原型(prototype)中的属性和方法在实例中只是一种引用，因此能够被多个实例共享。

还是刚才那个构造函数，现在为它增加 prototype 属性：

 
 
 

  
  
  
People.prototype.sex = 'female';  
  
  
  
//或者写成 People.prototype = {sex: 'female'};  
  
  
  
console.log(people1.sex); //male  
  
  
  
console.log(people2.sex); //female 
 
 
 

People 构造函数的 prototype 属性参数会直接影响到 people1 和 people2 两个实例。

但为什么 people1.sex 输出 male 呢?这是由于在 JavaScript 中，原型关系以递归形式存在。对象的原型也是一个对象，而原型的本身也可能具有一个原型。原型的最高层级是全局的 Object 对象。

这就是说，一旦 people1.sex 被设置为 male 后，它在原型中对应的值就无法被暴露出来。假如 people1.sex 本身没有值，才会从构造函数的 prototype 属性中读取，以此类推一级一级向上查找，直到 Object 对象。

注：使用 “null” 给对象赋值，可以销毁自定义对象，释放内存资源。

原文：http://www.mangguo.org/javascript-prototype-inheritance-basic-mechanisms/

【编辑推荐】

1. 10个顶级Web移动开发JavaScript框架推荐
2. 微软雄心勃勃，意欲将JavaScript打造成次世代赢家
3. JavaScript入门之事件、cookie、定时等
4. JavaScript入门之语言基础
5. 7个优秀的JavaScript资源推荐

网站栏目：JavaScript原型继承之基础机制
网页网址：http://www.shufengxianlan.com/qtweb/news14/269114.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联