JS面向对象

Javascript面向对象

1、构造函数生成对象

[@more@]

2、JSON对象生成法

JavaScript Object Notation(缩写JSON)
JSON 的形式就是用大括“{}”号包括起来的项目列表，每一个项目间并用逗号“,”分隔，
而项目就是用冒号“:”分隔的属性名和属性值。这是典型的字典表示形式， 也再次表明了
JavaScript 里的对象就是字典结构。不管多么复杂的对象，都可以被一句JSON 代码来创建
并赋值。JSON 就是JavaScript 对象最好的序列化形式，它比XML 更简洁也更省空间。
对象可以作为一个JSON 形式的字符串，在网络间自由传递和交换信息。 而当需要将这个
JSON 字符串变成一个JavaScript 对象时， 只需要使用eval 函数这个强大的数码转换引擎，
就立即能得到一个JavaScript 内存对象。正是由于JSON 的这种简单朴素的天生丽质，才使
得她在AJAX 舞台上成为璀璨夺目的明星。

view plaincopy to clipboardprint?

3、命名空间

view plaincopy to clipboardprint?

view plaincopy to clipboardprint?

4、封装

view plaincopy to clipboardprint?

5、继承

原型继承法

view plaincopy to clipboardprint?

//通过构造函数的方式生成对象
function Father(name,sex,age){
this.name = name ;
this.sex = sex;
this.age = age;
this.say = function(){
document.write("
Hi，大家好！我是"+this.name+"，今年 "+this.age+" 岁了！");
};
}

//生成父亲对象
var father = new Father("张三","男",28);
Father.prototype.money = function(){
document.write("
"+this.name+"财产为："+this.age*10000);
};

//生成儿子对象
function Son(){}

//儿子继承父亲的财产
Son.prototype = new Father();
var son = new Son();
son.name = "张小三";
son.sex = "男";
son.age = 0;
son.say();
son.money();
father.say();
father.money();

/*
instanceof 实例
从下面可以看出原型继承是真正的JS继承
*/
document.write("
对象son是否是Son的实例："+(son instanceof Son));
document.write("
对象son是否是Father的实例："+(son instanceof Father));
document.write("
对象son是否是Object的实例："+(son instanceof Object));
// --&gt

call继承法

view plaincopy to clipboardprint?

apply与prototype联合使用继承法

view plaincopy to clipboardprint?

//定义创建类的类，方法create返回创建对象的构造函数
var Class = {
create:function(){
return function(){
//保证init方法在对象创建后被调用
this.init.apply(this,arguments);
}
}
};

//创建类Student
var Student = Class.create();
//为类Student定义初始化对象的方法init()
Student.prototype = {
init:function(name){
this.name = name;
},
show:function(){
document.write("我是 "+this.name);
}
};

//用类Student创建对象s
var s = new Student("小明");
s.show();

// --&gt

superclass继承法

view plaincopy to clipboardprint?

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/ppjava2009/archive/2010/02/24/5323136.aspx

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/23493047/viewspace-1033142/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/23493047/viewspace-1033142/