怎樣利用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);
// 函数调用中，传递是对象，一般称为 “引用传递”
// 特点： 实在存数据的空间只有一份

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

如何使用vue中實作點擊空白處隱藏div實作

如何使用JS倒數恢復按鈕點選功能

以上是怎樣利用JS做出引用傳遞與值傳遞的詳細內容。更多資訊請關注PHP中文網其他相關文章！