`
blue2048
  • 浏览: 178705 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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面向对象编程的模式。大家可以在实际编程中体验一下,
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics