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

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

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

前言

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

數(shù)據(jù)類(lèi)型

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

變量的復(fù)制

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

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

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

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ù)都是按值傳遞的,也就是說(shuō)把函數(shù)外部的值復(fù)制給函數(shù)內(nèi)部的參數(shù),就和把值從一個(gè)變量復(fù)制
到另一個(gè)變量一樣.所以如果能理解變量的復(fù)制,那么參數(shù)的傳遞也就很簡(jiǎn)單了.
1.基本類(lèi)型傳參

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

2.引用類(lèi)型傳參

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.引用類(lèi)型傳參指針改變
在函數(shù)中重新定義了一個(gè)對(duì)象,也就是現(xiàn)在堆內(nèi)存中有兩個(gè)對(duì)象,外部的oo指向的是老的對(duì)象,被傳入?yún)?shù)后
指向的是新定義的對(duì)象,所以調(diào)用后返回的值是新定義的對(duì)象的值.
如果參數(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ù)是值傳遞,對(duì)象類(lèi)型作為參數(shù)的時(shí)候傳遞的是地址(指針)的值,而不是對(duì)象本身堆內(nèi)存中的value.
所以這種場(chǎng)景,函數(shù)內(nèi)部用參數(shù)去修改對(duì)象,那么查找到的還是原對(duì)象,因?yàn)橹赶蛳嗤?所以修改的話原對(duì)象
也受影響.
如果實(shí)例化一個(gè)對(duì)象賦值給該指針,那么指針指向的是一個(gè)全新的對(duì)象了,和原來(lái)指向的對(duì)象失去聯(lián)系.