<!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>