读书人

javascript 面向对象编程-prototype+j

发布时间: 2012-10-10 13:58:11 作者: rapoo

javascript 面向对象编程-prototype+json模式
js在初学者看来有点面向过程感觉,写function,操纵页面DOM元素,这估计是吸引人最先接触和使用js的亮点。
但是,js从设计上来说,完全是面向对象的!
只是这种对象有别于传统的Java,C++中的对象,我对js对象概念的理解是,
js中的对象更像是一个集合,存储属性和方法的集合
js里一切皆对象,function本身也是对象,js解释器会将将function的调用解释为,new function(...) 实例,来跑程序。下面就是一个简单的对象。

function obj(){};obj.name = "forObj";obj.address = "";var a = new obj();alert(a.name);

下面,让我们来看看js面向对象编程的几种方式
1.使用Object,new出对象实例,再添加属性和方法
2.使用原型方式,定义出对象类,然后new出对象
3.构造器模式
4.prototype模式(使用Json格式)

2.原始模式
上面的代码是最原始的原型模式,可以看出,如果想要new出多个相同类型的对象,只是属性不同,那么需要定义多次这样的代码块,而且使用时,也看不出这些对象之间的关系

3构造器模式
function obj(name,address){  this.name = name;  this.address = address; this.CONSTANT = 5;} var a = new obj("zhangSan","zhong hua da jie"); var b = new obj("liSi","hua nan lu");


这样,就比避免的原始原型模式的弊端,但是,可以看到,代码中的常量,每个实例化对象都会有一份,多占用了内存空间,为了追求尽善尽美的编程模式,出现了prototype模式

4.prototype模式

function obj(name,address){  this.name = name;  this.address = address;}obj.prototype = {   CONSTANTNUM = 6,   CONSTANTSTR = ""}var a = new obj("zhangSan","zhong hua da jie"); var b = new obj("liSi","hua nan lu");


这样在不同的对象间共享了从prototype中继承的东西,protocoltype模式是先进比较流行的js面向对象编程的模式。大家可以在实际编程中体验一下,

读书人网 >编程

热点推荐