js 15.三种创建对象的方式(系统内置+构造函数+字面量)

高处的天空

于 2020-01-18 14:37:32 发布

阅读量351

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： js javascript

本文链接：https://blog.csdn.net/weixin_43714301/article/details/104030118

JavaScript 专栏收录该内容

15 篇文章

订阅专栏

本文深入探讨JavaScript中创建对象的三种核心方法：使用内置构造函数、自定义构造函数（类）及字面量语法。通过具体代码示例，解析每种方式的特点与应用场景，帮助读者掌握对象创建的精髓。

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

创建对象的三种方式

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			//系统内置创建对象函数
			var cmp = new Object();
			cmp.color = '黑色';
			cmp.weight = '3kg';
			cmp.logo = '联想';
			cmp.type = '血骑士';
			cmp.music = function () {
				console.log("偶哈哈我正在听音乐");
			};
			cmp.play = function () {
				console.log("ye我在玩游戏");
			}
			cmp.work = function () {
				console.log("我在工作，敲代码中呢");
			}


//			自定义构造函数(类)创建对象
// 			function Cmp(color,weight,logo,type) {
// 				this.color = color;
// 				this.weight = weight;
// 				this.logo = logo;
// 				this.type = type;
// 				this.music = function () {
// 					console.log("我在用"+this.color+'的电脑嗨皮呢');
// 				};
// 				this.play = function () {
// 					console.log("我在用"+this.weight+'的'+this.logo+this.type+'电脑打游戏');
// 				}
// 				this.work = function () {
// 					console.log('我的电脑随时可以工作');
// 				}
// 			}
// 			var cmp = new Cmp('红色','3kg','联想','血骑士');
// 			cmp.play();

			//字面量创建构造函数
			var student = {
				name:"我的天哪",
				age:17,
				sex:"男"
			};
			console.log("我已经"+student.age+'岁了');




		</script>
	</head>
	<body>
	</body>
</html>