2012年3月29日星期四

javascript 函数模式

javascript 函数模式



<script type="text/javascript">
//工厂模式
function person(name,age,add){
var o=new Object();
o.name=name;
o.age=age;
o.add=add;
o.smay=function(){
alert(o.name);
}
return o;
}
var person1=person('xioawang',25,'北京');
person1.smay();
</script>
<script type="text/javascript">
//构造函数
function Person(name1,age1,add1){
this.name1=name1;
this.age1=age1;
this.add1=add1;
this.smay1=function(){
alert(this.name1);
}
}
var person2=new Person('xiaoli',25,'handan');
person2.smay1();
</script>
<script type="text/javascript">
//原型模式
function person11(name2,age2,add2){
person11.prototype.name2='xiaozhang';
person11.prototype.age2=15;
person11.prototype.add2='hebei';
person11.prototype.saym2=function(){
alert(person11.prototype.name2);
}
}
var person22=new person11();
person22.saym2();
var person33=new person11();
person33.saym2();
alert(person11.prototype.isPrototypeOf(person22));
</script>
<script type="text/javascript">
//更简单的原型方法
function person111(){
}
person111.prototype={
name222:'xiaowang',
age222:25,
add222:'beijing',
smay222:function(){
alert(this.name222);
}
}
var person333=new person111;
person333.smay222();
</script>



TAG: