JavaScript原型继承之基础机制分析

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript原型继承之基础机制分析，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1784字，纯文字阅读大概需要3分钟。

内容图文

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” 给对象赋值，可以销毁自定义对象，释放内存资源。
            
            


           
                
                                                

内容总结

以上是互联网集市为您收集整理的JavaScript原型继承之基础机制分析全部内容，希望文章能够帮你解决JavaScript原型继承之基础机制分析所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端