Data为什么必须是函数2

我心向阳.

已于 2022-06-01 19:01:36 修改

阅读量88

点赞数

文章标签： javascript vue.js 前端

于 2022-06-01 19:00:57 首次发布

本文链接：https://blog.csdn.net/Mr_xiaoxuboke/article/details/125088644

版权

本文通过一个简单的JavaScript代码示例，探讨了对象和函数在内存中的行为差异。当修改对象的一个属性时，所有引用都会受到影响，而函数则不然。示例中展示了如何通过函数返回新的对象实例，确保每个引用的独立性。

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

举个简单的例子来演示

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			// 如果是对象，一个值修改所有值都会变
			var obj = {
				name:"张三",
				age:18
			}
			
			obj.name = "赵六"
			console.log(obj.name);
			console.log(obj.name);
			console.log(obj.name);
			
			
			// 如果是函数，一个值修改不会影响其他元素的值
			function box(){
				return{
					name:"李四",
					age:19
				}
			}
			var a = box()
			var b = box()
			var c = box()
			a.name = "王五"
			console.log(a);
			console.log(b);
			console.log(c);
			
			
		</script>
	</body>
</html>