对象的创建

最新推荐文章于 2024-06-13 10:17:59 发布

原创最新推荐文章于 2024-06-13 10:17:59 发布 · 329 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#对象 #object #对象的创建

前端初级专栏收录该内容

12 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>对象的概念</title>
	<script>
		// 1: 直接量（字面量）
		// var obj = {
		// 	name: 'jack',
		// 	sayHello: function() {
		// 		console.log('hi, mm, go play.');
		// 	}
		// };
		// console.log( obj.name );
		// obj.sayHello();
		
		// 2: 构造函数
		// function Person(name) {
		// 	this.name = name;
		// 	this.sayHello = function() {
		// 		console.log('hi, MeiZi,My name is '+ this.name +' go play.');
		// 	}
		// }
		// var p = new Person('p');
		// p.sayHello();
		
		// 3：工厂模式
		// a:
		// function createPerson(name) {
		// 	var obj = {};
		// 	// var obj = new Object;
		// 	obj.name = name;
		// 	return obj;
		// }
		// 
		// b:利用已有的模板
		function Person(name) {
			this.name = name;
		}

		function createPerson(name) {
			return new Person(name);
		}


		var p = createPerson('p');
		console.log( p.name );
		var pp = new createPerson('pp');
		console.log( pp.name );

	    var ppp = Person('ppp');
	    console.log( ppp );
	    console.log( ppp.name );
	</script>
</head>
<body>
	
</body>
</html>