js中用函数输出一个人的基本信息

最新推荐文章于 2023-11-11 15:56:51 发布

I am the sun?

最新推荐文章于 2023-11-11 15:56:51 发布

阅读量2.1k

点赞数

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

本文链接：https://blog.csdn.net/fighting_dream/article/details/113783106

版权

js 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

方法一：
代码如下：

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>Document</title>
	<script type="text/javascript">
		function people(name,age,sex){
			document.write("姓名为：" + name +" <br />");
			document.write("年龄为：" + age + " <br />");
			document.write("性别为：" + sex + " <br />");
		}
		
		people("小明",18,"男");
	</script>
</head>
<body>
</body>
</html>

运行结果：
在这里插入图片描述

很显然，方法一里面有一个bug，因为我们传过去的实参需要和函数的形参一一对应，不能调换顺序，如下图：
在这里插入图片描述

因此，方法二来了，代码如下：

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>Document</title>
	<script type="text/javascript">
		function people(one){
			document.write("姓名为：" + one.name +" <br />");
			document.write("年龄为：" + one.age + " <br />");
			document.write("性别为：" + one.sex + " <br />");
		}
		var obj = {
			name:'小明',
			age:18,
			sex:'男'
		}
		people(obj);
	</script>
</head>
<body>	
</body>
</html>

运行结果如下：
在这里插入图片描述
方法二改进的地方，就在于我们把人的基本信息封装成一个对象了，我们直接传对象过去。