值传递与引用传递(址传递)
值传递–作用于基本数据类型的变量
var a = 1;
var b = a;
console.log(a,b);//1 1
b = 3;
console.log(a,b);//1 3
//首先,声明a,b即在栈内存中存入a,b,然后把1赋值给a,相当于给栈内存中的a传值,传的值是1,然后又把a赋值给b,相当于把a的值复制了一份,然后赋值给了b。
简单地说,就是你改变了新值,老值不变
特点:
1.可以直接操作保存在变量中的实际的值
2.参数传递时传递的是实际值
引用传递–作用于引用类型的变量
var obj = {
name:"zhangsan",
age:12
}
var obj2 = obj;
console.log(obj,obj2);
//{ name: 'zhangsan', age: 12 }{ name: 'zhangsan', age: 12 }
obj2.gender = "male";
console.log(obj,obj2);
//{ name: 'zhangsan', age: 12, gender: 'male' }
//{ name: 'zhangsan', age: 12, gender: 'male' }
//首先,在栈内存中保存变量obj,然后在堆内存中开辟一块新的空间用来保存对象的属性和方法,然后会返回一个内存地址,传给obj,实际上,obj是通过内存地址访问内部的属性和方法的。
obj2=obj,实际上是将obj中的引用地址复制给了obj2。
特点:
1.不能直接操作对象的内存空间,实际上是在操作对象的引用。可以添加、删除、修改引用数据类型变量的属性和方法。
2.参数传递时传递的是引用地址
简单地说,就是你改变了新值,老值改变
原文链接:https://blog.csdn.net/weixin_42566993/article/details/96715692
我项目里的是这样的:
setInfo = {//获取表格数据需要传的参数
config_name: null,
config_code: null,
config_content: '',
status: true//新增:true 编辑: false
};
// 显示添加配置弹窗
showAddSet(set) {
//两种参数 一种为空 一种是数据库里面的
console.log('data',set);
//此处用值传递 不用地址传递
// this.setInfo = set;//传地址
this.setInfo.config_name = set.config_name;//传值
this.setInfo.config_content = set.config_content;
this.setInfo.config_code = set.config_code;
this.setInfo.status = set.status;
}
由于我的弹出框中的输入框input打字的时候和后面表格的打字是同步的,这就意味着修改后没有点确定,表格里的数据也改了,实际上数据库并没有改,刷新一下就恢复了,但是用户视觉上是改了的,所以这个地方用到了传值而不是传址,即改变新值,老值不改变。
bug:【配置管理-修改配置】修改已有的配置信息,设置任意配置模块为空,点击发布,虽然提示添加失败,但实际上修改成功。