创建对象和方法-优快云博客

本文介绍了使用JavaScript创建对象的五种常见方法：通过Object构造函数或字面量、工厂模式、构造函数模式、原型模式及组合模式，并提供了具体的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

转载于:https://www.cnblogs.com/wysdddh/p/6260367.html