57----JS基础-----方法(创建对象方法的方式 与 查看对象的属性及其属性值)

一 代码

通过本节,你可以学到:

  • 1)创建对象方法的方式。
  • 2)查看对象的属性及其属性值。

代码都很简单,看一下即可。

1 创建对象方法的方式

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			
			// 一 创建对象方法的方式。

			/*
			 * 创建一个对象
			 */
			var obj = new Object();
			//向对象中添加属性
			obj.name = "孙悟空";
			obj.age = 18;

			// 1. 对象的属性值可以是任何的数据类型,也可以是个函数
			obj.sayName = function(){
      
      
				console.log(obj.name);
			};
			
			function fun(){
      
      
				console.log(obj.name);
			};
			
			//console.log(obj.sayName);
			//调方法
			obj.sayName();
			//调函数
			//fun();
			
			/*
			 * 2. 函数也可以称为对象的属性,
			 * 	如果一个函数作为一个对象的属性保存,
			 * 	那么我们称这个函数时这个对象的方法
			 * 	调用这个函数就说调用对象的方法(method)
			 * 
			 * 但是它只是名称上的区别没有其他的区别
			 * 
			 */
			
			var obj2 = {
      
      
				
				name:"猪八戒",
				age:18,
				sayName:function(){
      
      
					console.log(obj2.name);
				}
				
			};
			
			obj2.sayName();
			
			
		</script>
	</head>
	<body>
	</body>
</html>

结果:
在这里插入图片描述

2 查看对象的属性及其属性值

查看对象的属性及其属性值,也叫枚举对象的属性及其属性值。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			
			var obj = {
      
      
						name:"孙悟空",
						age:18,
						gender:"男",
						address:"花果山"
					 };
					 
			// 1. 枚举对象中的属性。即查看一个对象中的属性,当然也可以查看对象中属性的属性值。
			//使用for ... in 语句
			/*
			 * 语法:
			 * 	for(var 变量 in 对象){
			 * 	
			 *  }
			 * 
			 * for...in语句 对象中有几个属性,循环体就会执行几次
			 * 	每次执行时,会将对象中的一个属性的名字赋值给变量
			 */
			
			for(var n in obj){
      
      
				console.log("属性名:"+n);
				
				console.log("属性值:"+obj[n]);
			}
			
		</script>
	</head>
	<body>
	</body>
</html>

结果:

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_44517656/article/details/121321672
今日推荐