js 函數(shù)調(diào)用基礎(chǔ)知識

一個(gè)小栗子

const person = { age: 12 }
const changeAge = (person) => {
  person = { age: 20}
}
changeAge(person)
console.log(person.age)  

問輸出什么呢~ person會(huì)不會(huì)更改呢（mutate）
這個(gè)問題就是 JavaScript中函數(shù)的傳參類型問題~~
5分鐘get這個(gè)重要的知識點(diǎn)吧~

基礎(chǔ)知識

javaScript 中 包括基本類型與引用類型的數(shù)據(jù)。在js引擎中對變量的存儲(chǔ)主要有兩種位置：堆內(nèi)存和棧內(nèi)存。

• 棧內(nèi)存主要用于存儲(chǔ)各種基本類型的變量。

• 堆內(nèi)存主要負(fù)責(zé)像對象Object這種變量類型的存儲(chǔ)。

  
  
  堆&棧.png

分析

1、 基本類型

const age1 = 12;
const age2= age1 ;
age2= 20;
console.log(age1);  //  12 
console.log(age2);  //  20

基本類型復(fù)制的是自己在棧內(nèi)存中的值

函數(shù)參數(shù)為基本類型

const age1 = 12
const changeAge = (age) => {
  age = 20
}
console.log(age1) // 12

函數(shù)參數(shù)為基本類型時(shí)是值傳遞.

2、引用類型

const person1 = { age: 12 }
const person2 = person1
person2.age = 20
console.log(person1.age) // 20
console.log(person2.age) // 20

引用類型復(fù)制的是自己在棧內(nèi)存中的“指針”值，“指針”指向的是堆里面的數(shù)據(jù) ; 即person1 和person2 都指向了堆中的同一個(gè)數(shù)據(jù)；

函數(shù)參數(shù)為引用類型時(shí)：

const person = { age: 12 }
const changeAge = (person) => {
  person.age = 20
}
changeAge(person)
console.log(person.age)  // 20

函數(shù)參數(shù)為引用類型時(shí)看起來好像是引用傳遞，但是實(shí)際是傳遞了“指針”這個(gè)值。

再看開頭的這個(gè)??：

const person = { age: 12 }
const changeAge = (person) => {
  person = { age: 20}
}
changeAge(person)
console.log(person.age)  // 12

當(dāng)我把 person 傳進(jìn)去的時(shí)候，實(shí)際是傳遞了“指針”(就是它的內(nèi)存地址)這個(gè)值 ，并不是person 本身; 在 函數(shù) 內(nèi)部更改了參數(shù)的指向， 所以內(nèi)部函數(shù)的更改不能影響到外部。因此 ，函數(shù)參數(shù)傳遞的是內(nèi)存地址這個(gè)值，函數(shù)傳遞參數(shù)就是按值傳遞的。

hi~~ 是不是還比較清晰？ 點(diǎn)個(gè)贊唄~~