jquery_js_oop

/**
 * 定义函数的方式定义类
 */
function persion() {
	// 类成员的定义与构造函数
	this.age = 123;
}

// 实例化persion对象
var p = new persion();

// //获取属性的两种方式
// alert(p["age"]);
// alert(p.age);

// 动态添加，修改，删除对象的属性和方法

// 添加属性
p.sex = "male";
// alert(p.sex);

// 添加方法
p.getSex = function() {
	return this.sex;
}
// alert(p.getSex());

// 修改属性
p.sex = "female";
// alert(p.sex);

// 删除属性
p.sex = undefined;
// alert(p.sex);

// 删除方法
p.getSex = undefined;
// alert(p.getSex());

// ---------------------------------------------------

/**
 * 使用{}的语法创建无类型对象
 */
// 定义一个空对象
var obj = {};

var man = {
	
	name : "fy",// 定义了name属性,初始化为fy
	
	favoriteColor : ['black', 'red', 'green'],
	
	sayHello : function() {// 定义了方法sayHello
		alert("hello world!!");
	}
};

//调用man的sayHello方法
//man.sayHello();

// ---------------------------------------------------

/**
 * protoType原型对象
 */
 
 //定义一个空对象
function woman(){
//empty
} 

//对类的prototype对象进行修改,增加方法getSex();
woman.prototype.getSex = function(){
	alert("I'm a woman");
};

//实例化woman类
var w = new woman();
//w.getSex();

// ---------------------------------------------------

/**
 * 实现类的私有成员
 */
function boy(){
	var pp = "peope are private";//私有属性成员pp
	function pm(){//私有方法成员pm
		alert(pp);
	}
	this.getPp = function(){
		//在公有成员中改变私有属性的值
		pp = "peope are private???";
	},
	this.getPm = function(){
		//在公有属性中调用私有方法
		pm();
	};
}

//实例化boy类
var boy = new boy();
//boy.getPm();
//boy.getPp();
//boy.getPm();


// ---------------------------------------------------

/**
 * 实现静态成员
 */
 
 function girl(){
 }
 
 //静态属性
 girl.staticProperty = "class level";
 
 //静态方法
 girl.staticMethod = function(){
	 alert("static method!!!");
 };
 
 //调用静态属性与方法
// alert(girl.staticProperty);
// girl.staticMethod();

 
// ---------------------------------------------------
 
/**
 *使用for(..in..)实现反射机制
 */

 //样式对象
 var style = {
 color:'#FF0000',
 backgroundColor:'#0000FF',
 borderWidth:'2px'
 };
 
 
 function setStyle(_style){
 	//得到改变样式的界面对象
 	var element = getElement();
 	//element.style = _style;
 	for(var p in _style){
 		element.style[p] = _style[p];
 	}
 }
 
 
 function getElement(){
 	return document.getElementById("aa");
 }
 //setStyle(style);
 
 
// ---------------------------------------------------
 
/**
 * 利用共享prototype实现继承
 */
function father(){
	
}

father.prototype = {
m1 : function(){
	alert(1);
}
};


function child(){
}

//让child继承father
child.prototype = father.prototype;

child.prototype.method = function(){
	alert("2");
};

var f = new father();

var c = new child();

//f.method();
//c.method();

// ---------------------------------------------------

/**
 * 利用反射机制和prototype实现继承
 */
 function father1(){
 
 }
 
 father1.prototype = {
 
 	method1:function(){
 	alert(1);
 	},
 	method2:function(){
 	alert(2);
 	}
 };
 
 function child1(){
 }
 
 //让child1继承father1
 for(var p in father1.prototype){
 
 	child1.prototype[p] = father1.prototype[p];
 }
 
 //覆盖定义father1中的method1方法
 child1.prototype.method = function(){
	 alert(11);
 };
 
 //创建两个类的实例
 var f1 = new father1();
 var c1 = new child1();
 //分别调用两个类的method1方法
// f1.method1();
// c1.method();
 
 
 // ---------------------------------------------------
 /**
 * 简化版的利用反射机制和prototype实现继承
 */
 function father2(){
 
 }
 
 //为类添加静态方法inherit表示继承与某类
 Function.prototype.inherit = function(baseClass){
 	for(var p in baseClass){
 		this.prototype[p] = baseClass.prototype[p];
 	}
 }
 
 father2.prototype = {
 
 	method1:function(){
 	alert(1);
 	},
 	method2:function(){
 	alert(2);
 	}
 };
 
 function child2(){
 }
 
 //让child1继承father1
// for(var p in father2.prototype){
// 
// 	child2.prototype[p] = father2.prototype[p];
// }
child2.inherit(father2);
 
 //覆盖定义father1中的method1方法
 child2.prototype.method = function(){
	 alert(11);
 };
 
 //创建两个类的实例
 var f2 = new father2();
 var c2 = new child2();
 //分别调用两个类的method1方法
 f2.method1();
 c2.method();