首页 > 其他 > 详细

创建对象和方法

时间:2017-01-07 22:43:19      阅读:310      评论:0      收藏:0      [点我收藏+]
<!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>

  

创建对象和方法

原文:http://www.cnblogs.com/wysdddh/p/6260367.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!