js函數(shù)中參數(shù)的傳遞

rubyshen 發(fā)布于2019-08-20 18:31 / 1346人閱讀

摘要：前言今天再看純函數(shù)的時候看到純函數(shù)過程沒有副作用就是說在純函數(shù)中我們不能改變外部狀態(tài)想到了以前看過的函數(shù)中傳參的概念數(shù)據(jù)類型在中數(shù)據(jù)類型分為兩類基本類型值和引用類型值變量的復(fù)制中變量的基本類型和引用類型保存方式是不同的這也就導(dǎo)致變量復(fù)制時也

前言

今天再看React純函數(shù)的時候,看到純函數(shù)過程沒有副作用,就是說在純函數(shù)中我們不能改變外部狀態(tài).
想到了以前看過的函數(shù)中傳參的概念.

數(shù)據(jù)類型

在js中,數(shù)據(jù)類型分為兩類:基本類型值(undefined,null,Boolean,Number,String)和引用類型值(Object,Arrat,Function).

變量的復(fù)制

1.js中變量的基本類型和引用類型保存方式是不同的,這也就導(dǎo)致變量復(fù)制時也就不同了.
如果從一個變量向另一個變量復(fù)制基本類型的值時,會將前者的值克隆一個,然后將克隆的值
賦值到后者,因此這兩個值是完全獨(dú)立的,只是他們的value相同而已.

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

2.引用類型的復(fù)制
引用類型復(fù)制對象時并不會在堆內(nèi)存中新生成一個一模一樣的對象,只是多了一個保存指向這個對象指針的變量罷了.
將obj1的值復(fù)制給obj2,而這個值的副本實(shí)際上是一個指針,這個指針指向存儲在堆中的一個對象,
也就是說創(chuàng)建了一個新的內(nèi)存地址傳給了obj2,obj1和obj2兩個變量同時指向了同一個Object,當(dāng)去改變這個對象,
他們的值都會改變,也即是說他們中任何一個做出的改變都會反映到另一個身上.

var obj1 = {
    a: 1
};
var obj2 = obj1;
console.log(obj2);  // {a: 1}
obj2.a = 10;
console.log(obj1);  // {a: 10}
console.log(obj2);  // {a: 10}

函數(shù)參數(shù)的傳遞

所有函數(shù)的參數(shù)都是按值傳遞的,也就是說把函數(shù)外部的值復(fù)制給函數(shù)內(nèi)部的參數(shù),就和把值從一個變量復(fù)制
到另一個變量一樣.所以如果能理解變量的復(fù)制,那么參數(shù)的傳遞也就很簡單了.
1.基本類型傳參

var count = 10;
function num(num1) {
    num1 = 1;
    return num1;
}
var count1 = num(count);
console.log(count1); // 1
console.log(count); //10

2.引用類型傳參

var o = {
    a: 1
};
function fun(o) {
    o.a = 10;
    return o;
}
var p = fun(o);
console.log(o); // {a: 10}
console.log(p); // {a: 10}

3.引用類型傳參指針改變
在函數(shù)中重新定義了一個對象,也就是現(xiàn)在堆內(nèi)存中有兩個對象,外部的oo指向的是老的對象,被傳入?yún)?shù)后
指向的是新定義的對象,所以調(diào)用后返回的值是新定義的對象的值.
如果參數(shù)是按引用傳遞的,那么oo也是a:10,從這點(diǎn)可以看出參數(shù)是按值傳遞的.

var oo = {
    a: 1
};
function gun(o) {
    o = {
        a: 10
    };
    return o;
}
var pp = gun(oo);
console.log(oo);    // {a: 1}
console.log(pp);    // {a: 10}

總結(jié)

函數(shù)的參數(shù)是值傳遞,對象類型作為參數(shù)的時候傳遞的是地址(指針)的值,而不是對象本身堆內(nèi)存中的value.
所以這種場景,函數(shù)內(nèi)部用參數(shù)去修改對象,那么查找到的還是原對象,因為指向相同,所以修改的話原對象
也受影響.
如果實(shí)例化一個對象賦值給該指針,那么指針指向的是一個全新的對象了,和原來指向的對象失去聯(lián)系.