1. 程式人生 > >js函數中參數的傳遞

js函數中參數的傳遞

所有 asc src 指向 con 重新定義 相同 類型 tps

(JavaScript 中,函數的參數傳遞方式都是按值傳遞,沒有按引用傳遞的參數)

數據類型

在 javascript 中數據類型可以分為兩類:

  • 基本類型值 primitive type,比如Undefined,Null,Boolean,Number,String。
  • 引用類型值,也就是對象類型 Object type,比如Object,Array,Function,Date等。

變量的復制

眾所周知,js中變量的基本類型和引用類型保存方式是不同的,這也就導致變量復制時也就不同了。如果從一個變量向另一個變量復制基本類型的值時,會將前者的值克隆一個,然後將克隆的值賦值到後者,因此這兩個值是完全獨立的,只是他們的value相同而已。

var num1 = 10;
var num2 = num1;
console.log(num2);//10

上面的num1中被保存的值為10,當把num1的值賦值給num2時,num2的值也為10。但是這兩個10是完全獨立的,num2中的10只是被克隆出來的,相當於我寫了一個word文檔,把它放到了num1的文件夾中,然後我再復制這個word文檔,就叫word副本吧,然後把這個副本放到num2的文件夾下,這兩個word文檔是完全一樣的,修改任何一個都不會影響兩一個。

num2 += 1;
console.log(num1); //10
console.log(num2); //11

從上面可以看出修改num2的值,num1的值未發生變化。再來看下引用類型的復制。當從一個變量向另一個變量復制引用類型的值時,同樣也會將存儲在變量對象中的值復制一份放到為新變量分配的空間中。

var obj1 = {
  name : "111"
};
var obj2 = obj1;
console.log(obj2.name); //111
obj2.name = "222";
console.log(obj1.name); //222

復制對象時並不會在堆內存中新生成一個一模一樣的對象,只是多了一個保存指向這個對象指針的變量罷了。將obj1的值復制給obj2,而這個值的副本實際上是一個指針,這個指針指向存儲在堆中的一個對象,也就是說創建了一個新的內存地址傳給了obj2,obj1和obj2兩個變量同時指向了同一個Object,當去改變這個對象時,他們的值都會改變,也就是說他們中任何一個作出的改變都會反映在另一個身上。下面的簡易圖可能更明了些。

技術分享圖片

函數參數的傳遞

《js高級程序設計》上是這樣敘述參數傳遞的:所有函數的參數都是按值傳遞的,也就是說把函數外部的值復制給函數內部的參數,就和把值從一個變量復制到另一個變量一樣。所以如果能理解變量的復制,那麽參數的傳遞也就很簡單了。還是先從基本類型舉例說明吧。

var count = 10;
function num(num1){
   num1 = 1;
return num1; } var result = num(count); console.log(result);//1
console.log(count);//10,並未變成1

這個例子很容易理解,實際就是創建了一個count的副本,然後把count的值傳入參數中,因為函數中定義了參數的值,所以1就將10覆蓋了,最後的result返回1,而count並未發生變化。看一個有關傳遞對象的例子。

var person  = {
    name : "Tom"
};
function obj(peo){
    peo.name = "Jerry";
return peo; } var result = obj(person);
console.log(result.name);// Jerry console.log(person.name);// Jerry

在上面的例子中,把person復制傳入obj()中,peo和person指向了同一個對象,而在peo中修改了name屬性,其實修改了它們共同指向的對象的name屬性,相對應的外部person所引用的name屬性也就改變了,所以打印出來的為Jerry。其實這個乍一看,感覺引用類型的參數是按照引用傳遞的,這就是我最初犯得錯誤。再來看一個例子。

var person = {
    name : "Tom"
}; 
function obj(peo){
    peo = {
       name : "Jerry"
    };
    return peo;
}
var result = obj(person);
console.log(result.name);// Jerry
console.log(person.name);// Tom

上面的例子中,在函數中重新定義了一個對象,也就是現在堆內存中有兩個對象,外部的person指向的是老的對象,被傳入參數後指向的是新定義的對象,所以調用後返回的值是新定義的對象的值。如果是參數是按引用傳遞的,那麽person.name打印出來的結果為Jerry,從這點可以得出參數是按值傳遞的(有的地方叫做按共享傳遞)

簡單概括:函數的參數是值傳遞

對象類型作為參數的時候傳遞的是地址(指針)的值,而不是對象本身堆內存中的value

所以在這種場景,函數內部用參數去修改對象,那麽查找到的還是原對象,因為指向相同,所以修改的話原對象也受影響

如果新實例化一個對象賦值給改指針,那麽指針指向的就是一個全新的對象了,和原來指向的對象失去聯系

----文章引用open_wang的博客及博客評論https://www.cnblogs.com/open-wang/p/5208606.html

js函數中參數的傳遞