js在初学者看来有点面向过程感觉,写function,操纵页面DOM元素,这估计是吸引人最先接触和使用js的亮点。
但是,js从设计上来说,完全是面向对象的!
只是这种对象有别于传统的Java,C++中的对象,我对js对象概念的理解是,
[color=red][b]js中的对象更像是一个集合,存储属性和方法的集合[/b][/color]
js里一切皆对象,function本身也是对象,js解释器会将将function的调用解释为,new function(...) 实例,来跑程序。下面就是一个简单的对象。
下面,让我们来看看js面向对象编程的几种方式
1.使用Object,new出对象实例,再添加属性和方法
2.使用原型方式,定义出对象类,然后new出对象
3.构造器模式
4.prototype模式(使用Json格式)
2.原始模式
上面的代码是最原始的原型模式,可以看出,如果想要new出多个相同类型的对象,只是属性不同,那么需要定义多次这样的代码块,而且使用时,也看不出这些对象之间的关系
3构造器模式
这样,就比避免的原始原型模式的弊端,但是,可以看到,代码中的常量,每个实例化对象都会有一份,多占用了内存空间,为了追求尽善尽美的编程模式,出现了prototype模式
4.prototype模式
这样在不同的对象间共享了从prototype中继承的东西,protocoltype模式是先进比较流行的js面向对象编程的模式。大家可以在实际编程中体验一下, :lol:
但是,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: