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

js在初学者看来有点面向过程感觉,写function,操纵页面DOM元素,这估计是吸引人最先接触和使用js的亮点。
但是,js从设计上来说,完全是面向对象的!
只是这种对象有别于传统的Java,C++中的对象,我对js对象概念的理解是,
[color=red][b]js中的对象更像是一个集合,存储属性和方法的集合[/b][/color]
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面向对象编程的模式。大家可以在实际编程中体验一下, :lol:
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值