javascript 面向对象编程-prototype+json模式

js在初学者看来有点面向过程感觉,写function,操纵页面DOM元素,这估计是吸引人最先接触和使用js的亮点。

但是,js从设计上来说,完全是面向对象的!

只是这种对象有别于传统的Java,C++中的对象,我对js对象概念的理解是,

js中的对象更像是一个集合,存储属性和方法的集合

js里一切皆对象,function本身也是对象,js解释器会将将function的调用解释为,newfunction(...)实例,来跑程序。下面就是一个简单的对象。

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

相关推荐