暑期学习日记24：对象和方法

最新推荐文章于 2024-10-10 15:27:46 发布

土肥圆波太郎

最新推荐文章于 2024-10-10 15:27:46 发布

阅读量186

点赞数

文章标签：学习

本文链接：https://blog.csdn.net/weixin_48485475/article/details/126218829

版权

本文介绍了JavaScript中对象的概念，强调所有值（除原始值外）都是对象。通过示例展示了如何创建和使用对象，包括定义属性和方法。此外，还解释了如何通过`Object.values()`将对象转换为数组并显示其值。

摘要由CSDN通过智能技术生成

1.在 JavaScript 中，几乎“所有事物”都是对象。所有 JavaScript 值，除了原始值，都是对象。

2.对象是包含变量的变量对象能够包含很多值。值按照名称 : 值对的形式编写（名称和值以冒号分隔），如下例创建一个对象并输出firstname和lastname两个属性：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>对象</title>
</head>
<body>
	<p id="p1"></p>
	<script>
		var person = {
			firstName:"Bill",
			lastName:"Gates",
			age:62,
			eyeColor: "blue"
		};
		document.getElementById("p1").innerHTML = person.firstName + " " + person.lastName;
</script>
</body>
</html>

3.方法是可以在对象上执行的动作。对象属性可以是原始值、其他对象以及函数。对象方法是包含函数定义的对象属性。创建方法的语句是：方法名：function(){代码段}，如：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>对象</title>
</head>
<body>
	<p id="p1"></p>
	<script>
		var person = {
			firstName:"Bill",
			lastName:"Gates",
			age:62,
			eyeColor: "blue",
			fullName : function() {
			return this.firstName + " " + this.lastName;
		}
		};
		document.getElementById("p1").innerHTML = person.fullName();
</script>
</body>
</html>

上述两例显示效果为：

4.显示对象：通过使用 Object.values()，任何 JavaScript 对象都可以被转换为数组，如：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>对象</title>
</head>
<body>
	<p id="p1"></p>
	<script>
		var person = {
			firstName:"Bill",
			lastName:"Gates",
			age:62,
			eyeColor: "blue",
		};
		document.getElementById("p1").innerHTML = Object.values(person);
</script>
</body>
</html>

显示效果为：