对象，构造函数（一）

最新推荐文章于 2022-06-01 13:05:27 发布

素心如月桠

最新推荐文章于 2022-06-01 13:05:27 发布

阅读量234

点赞数

本文链接：https://blog.csdn.net/m0_47010003/article/details/116308941

版权

html 同时被 3 个专栏收录

43 篇文章 13 订阅

订阅专栏

vscode

35 篇文章 2 订阅

订阅专栏

JavaScript

34 篇文章 3 订阅

订阅专栏

1. 简单创建对象的两种方式

	<script>
		var obj = {
			uname: '张三疯',
			age: 14,
			sex: '男',
			sayHi: function () {
				console.log('Hi~');
			}
		};
		console.log(obj.uname);
		console.log(obj['uname']);//两种方式
	</script>

2. 利用new Object（）的方法创建对象，再利用等号 = 赋值的方法添加属性和方法

	<script>
		var obj = new Object();
		obj.uname = '刘雨昕';
		obj.sayHi = function () {
			console.log("hi~");
		}
		console.log(obj['uname']);
		// console.log(obj.sayHi()); 错误的调用方法
		obj.sayHi();
	</script>

例题：

<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title></title>
<script>
	var mingRen=new Object();
	mingRen.uname='鸣人';
	mingRen.sex='男';
	mingRen.age=19;
	mingRen.skill=function(){
		console.log('影术分身');
	}

	//调用
	console.log(mingRen.uname);
	console.log(mingRen['sex']);
	console.log(mingRen['age']);
	mingRen.skill();
</script>
</head>

<body>

</body>

</html>

在这里插入图片描述

利用构造函数创建对象

<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title></title>
	<script>
		// var Star(){

		// }注意是函数用function声明
		
		function Star(uname, age, sex) {
			this.name = uname;
			this.age = age;
			this.sex = sex;
		}
		new Star('刘雨昕',24,'女');
		console.log(Star.uname);
		console.log(Star['sex']);
		console.log(Star.age);
		//不能输出，需要赋值
		var lyx=new Star('刘雨昕',24,'女');
		console.log(lyx.name);
		console.log(lyx['sex']);
		console.log(lyx.age);

	</script>
</head>

<body>

</body>

</html>

运行结果
例题----简易计算器

素心如月桠

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
1
评论
对象，构造函数（一）

1. 简单创建对象的两种方式 <script> var obj = { uname: '张三疯', age: 14, sex: '男', sayHi: function () { console.log('Hi~'); } }; console.log(obj.uname); console.log(obj['uname']);//两种方式 </script>2. 利用new Object（）的方法创建对象，再利用等号
复制链接

扫一扫