js的函数的按值传递参数(实例讲解)
js的函数传参的方式是按值传递，正常情况下，改变函数参数的值，并不会对函数外部的变量造成影响。例如：
'usestrict';
varlist=[1,2,3];
list.forEach(function(item){
item++;
});
console.log(list);//[1,2,3]
这是因为js的函数在接收参数时，会生成一个副本变量，该副本变量等于参数的值，可以分析js这样运行的：
'usestrict';
varlist=[1,2,3];
list.forEach(function(item,i){
//第一个item是副本，第二个item是数组元素list[i]
varitem=item;
//副本item++
item++;
//打印的是副本的值
console.log(item);//2,3,4
});
//原数组不会改变
console.log(list);//[1,2,3]
但是当函数的参数传递的是一个对象呢？
'usestrict';varlist=[{a:1,b:2}];
list.forEach(function(item){
item.a++;
});
console.log(list);//[{a:2,b:2}]
发现函数内部居然改变了函数外部变量的值，那这又是为什么呢？
我们来分析js是如何运行这段代码的
'usestrict';
varlist=[{a:1,b:2}];
list.forEach(function(item,i){
//第一个item是副本，第二个item是数组元素list[i]
varitem=item;
//此时item和list[i]指向的是同一地址，故两者完全一样
console.log(item===list[i]);//true
//此时item.a++亦即list[i].a++
item.a++;
//list[i]的值已经改变
console.log(list[i]);//{a:2,b:2}
});
console.log(list);//[{a:2,b:2}]
那么为什么会产生这种情况呢？
由于js中对象属于引用类型，varitem=item这一步相当于把list[i]的地址赋值给了item，他们两个指向的都是原对象的地址，所以通过其中的一个去修改值时其实是修改他们指向的那个对象。例子中通过item.a++方法改变了原对象的值，因此最后应该输出[{a:2,b:2}]。
以上这篇js的函数的按值传递参数(实例讲解)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。