JavaScript使用Prototype实现面向对象的方法
更新时间：2015年04月14日 11:07:48 作者：秋风秋雨
这篇文章主要介绍了JavaScript使用Prototype实现面向对象的方法,实例分析了Prototype属性的使用技巧,非常具有实用价值,需要的朋友可以参考下
本文实例讲述了JavaScript使用Prototype实现面向对象的方法。分享给大家供大家参考。具体分析如下：
prototype 是 Function 对象的一个属性，这个属性指向另一个对象。 这个对象的所有属性和方法，都会被构造函数的实例继承。
同时 prototype 又存在一个指向构造函数的引用 constructor，这样就成功的构成一个循环引用的原型链结构。
我们可以把那些不变的属性和方法，直接定义在 prototype 对象上， 节省内存开销。
function Cat(name, color) {
this.name = name;
this.color = color;
}
Cat.prototype.type = 'mammal';
Cat.prototype.eat = function() {
console.log('eat fish');
};
var cat1 = new Cat('Kitty', 'white');
var cat2 = new Cat('Smokey', 'black');
console.log(cat1.type); // mammal
console.log(cat1.eta === cat2.eta);
// TRUE, same reference
console.log(cat1.constructor === Cat)
// TRUE, from Person.prototype
希望本文所述对大家的javascript程序设计有所帮助。
相关文章
这篇文章主要介绍了如何通过JavaScript实现简单的留言板功能：留言的发布与删除。文中的示例代码讲解详细，感兴趣的小伙伴可以学习一下2022-03-03
这篇文章主要介绍了JS实现网页标题栏显示当前时间和日期的方法,涉及JavaScript日期时间函数及网页标题栏操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-11-11
纯JavaScript实现的兼容各浏览器的添加和移除事件封装
这篇文章主要介绍了纯JavaScript实现的兼容各浏览器的添加和移除事件封装,本文直接给出实现代码,代码中带详细注释,需要的朋友可以参考下2015-03-03![JavaScript 反科里化 this [译]](//img.jbzj.com/images/xgimg/bcimg3.png)
本文主要讲了JavaScript中科里化和反科里化this的方法.话题来自于Brendan Eich(JavaScript之父)的一个tweet2012-09-09
这篇文章主要介绍了JS模板编译的实现详情，编译是一种格式变成另一种格式的过程。编译会导致好的结果，比如书写简单的代码，编译出来复杂的代码；或者提高代码的使用性能2022-07-07
这篇文章主要为大家详细介绍了js实现上下滑动轮播，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
在前端程序开发中，经常会实现js轮播图的效果，怎么实现的呢？下面小编给大家分享基于基于JavaScript实现轮播图代码 ，非常不错，感兴趣的朋友可以参考下2016-07-07
在处理问题时候遇到的,就顺便记录与大家一起分享下，感兴趣的朋友可以参考下哈，希望可以帮助到你2013-04-04
javascript下对于事件、事件流、事件触发的顺序随便说说
向同一个标签 动态的添加事件是 执行的顺序在ie和其他非ie内核的浏览器有所不同 ie是“先进先出 ” 就是最先添加的最先执行，其他非ie内核的浏览器是 “先进后出”，就是 最后添加的事件 先执行。2010-07-07
让innerText在firefox火狐和IE浏览器都能用的写法
下面的代码主要是用来解决firefox浏览器不支持innerText的问题，需要的朋友可以参考下。2011-05-05
![JavaScript 反科里化 this [译]](http://img.jbzj.com/images/xgimg/bcimg3.png)
最新评论