怎样利用JS做出引用传递与值传递

这次给大家带来怎样利用JS做出引用传递与值传递，利用JS做出引用传递与值传递的注意事项有哪些，下面就是实战案例，一起来看一下。

这里详细解释JS值传递和引用传递以及二者的区别。

我们先来解释一下这两个的基本概念吧。

函数调用中，传递是一个数值，我们称为 “值传递”。
函数调用中，传递是对象，一般称为 “引用传递”。

现在这里总体上说明，这二者的本质区别就在于传递的数据类型不一样，值传递传递的是一个值，而引用传递传递的是一个对象。

看一下代码以及代码中的注释。

一、引入

function func(a)
{
  a++;
}
// 因为函数都没有调用，所以找不到 a
console.log(a);
//结果明显是undefined了。
//所以看下面两个例子。

二、值传递

var a = 5;
function func(a)
{
  // 函数中开辟了一个空间 a == 5
  // a==6
  a++;
}
func(5);
// 结果，函数没有改变到 外部 a 的值，所以，结果是 5
console.log(a);
// 函数调用中，传递是一个数值，我们称为 “值传递”
// 特点： 有多个不同的空间，空间都是在栈中的
//    所以 修改函数中的空间，对外部空间是没有影响的

三、引用传递

var a = 5;
function func()
{
  // 开辟函数 的空间
  // 函数中没有 a 的空间
  // 所以，系统会自动向外面搜索
  // 这里是对外部的变量进行修改
  a++;
}
func(5);
// 因为函数中修改了外部的变量 a，所以，值发生改变了，是 6
console.log(a);
// 函数调用中，传递是对象，一般称为 “引用传递”
// 特点： 实在存数据的空间只有一份

相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！

推荐阅读：

如何使用vue中实现点击空白处隐藏div实现

如何使用JS倒计时恢复按钮点击功能

以上就是怎样利用JS做出引用传递与值传递的详细内容，更多请关注其它相关文章！