JavaScript对象

@爱吃鱼的biu~~

于 2022-07-02 22:28:37 发布

阅读量189

点赞数 1

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_54539884/article/details/125578410

版权

JavaScript对象、

JavaScript 对象是拥有属性和方法的数据。
对象是非常重要的，当你理解了对象，就可以了解 JavaScript 。
你可以使用字符来定义和创建 JavaScript 对象:

<!DOCTYPE html>
		<html>
		<head>
	    <meta charset="utf-8"> 
		</head>
		<body>
		
		<h1>对象的创建</h1>
		<p id='demo'>
		</p>
		
		<script>
				var dog= {
			    name:"狗狗",
			    age:5,
			    color:"黑色"
			};
			document.getElementById("demo").innerHTML =
			"帅气的"+dog.color+dog.name + " 现在 " + dog.age + "岁了" 。";
		</script>
		
		</body>
		</html>

**注意：JS是严格区分大小写的、js大小写敏感,常使用驼峰的写法(第二个词的首字母大写) **

访问对象属性

你可以通过两种方式访问对象属性:

dog.name;

dog.[name];

对象方法

对象的方法定义了一个函数，并作为对象的属性存储。

对象方法通过添加 () 调用 (作为一个函数)。

对象的方法定义了一个函数，并作为对象的属性存储。
对象方法通过添加 () 调用 (作为一个函数)。
对象方法作为一个函数定义存储在对象属性中。

<!DOCTYPE html>
		<html>
		<head>
	    <meta charset="utf-8"> 
		</head>
		<body>
		
		<h1>创建和使用对象方法。</h1>
		<p id='demo'>
		</p>
		
		<script>
				var dog= {
			    name:"狗狗",
			    age:5,
			    color:"黑色",
			//你可以使用：  DogName:function(){}创建对象
			//也可以简写：DogName(){}创建对象
             DogName:function(){
                    return "帅气的"+dog.color+dog.name + " 现在 " + dog.age + " 岁了。"
            }
        };
			document.getElementById("demo").innerHTML =dog.DogName()
			
		</script>
		
		</body>
		</html>