建立對象和方法

標籤：script   char   tle   ret   prototype   blog   text   log   creat   

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><body><h1>建立對象和方法</h1><script type="text/javascript">/*1.通Object或字面量建立*/// var hs=new Object();// hs.name="華盛";// hs.showName=function(){// alert(this.name);// }// hs.showName();//華盛;// var hs={// name:"華盛",// showName:function(){// alert(this.name);// }// }// hs.showName();//華盛;/*2.原廠模式*/// function createObject(name){// var hs=new Object;// hs.name=name;// hs.showName=function(){// alert(this.name);// }// return hs;// }// var hs=createObject("華盛");// hs.showName();//華盛/*3.建構函式模式*/// function CreateObject(name){// this.name=name;// this.showName=function(){// alert(this.name);// }// }// var hs=new CreateObject("華盛");// hs.showName();//華盛// 4.原型模式function createObject(){};createObject.prototype.name="華盛";createObject.prototype.showName=function(){alert(this.name);}var hs= new createObject();hs.showName();//華盛/*5.組合模式*/// function createObject(name){// this.name=name;// }// createObject.prototype.showName=function(){// alert(this.name);// };// var hs=new createObject("華盛"),// lsq=new createObject("立水橋");// hs.showName();//華盛// lsq.showName();//立水橋</script></body></html>

　　

建立對象和方法