快捷導(dǎo)航

js 函數(shù)參數(shù)賦值問題解決

更新時間：2025年12月28日 09:15:30 作者：常如愿1314

本文主要介紹了js 函數(shù)參數(shù)賦值問題,包括基本類型和引用類型的區(qū)別,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

一、參數(shù)傳遞機(jī)制

JavaScript 中，函數(shù)參數(shù)傳遞方式是值傳遞，但根據(jù)參數(shù)類型不同，行為表現(xiàn)不同：

基本類型（如 Number、String）：傳遞的是值的副本，修改參數(shù)不影響外部。
引用類型（如 Object、Array）：傳遞的是對象引用的副本，修改屬性會影響外部，但重新賦值參數(shù)不會。

二、基本類型參數(shù)（不可變）

function modifyPrimitive(num) {
  num = 100; // 修改本地副本
}

let x = 5;
modifyPrimitive(x);
console.log(x); // 輸出：5（未被修改）



關(guān)鍵點(diǎn)：參數(shù)是原始值的副本，函數(shù)內(nèi)修改不影響外部變量。

三、引用類型參數(shù)（可變）

修改屬性 → 影響外部

function modifyObject(obj) {
  obj.name = 'Bob'; // 通過引用修改原對象
}

let person = { name: 'Alice' };
modifyObject(person);
console.log(person.name); // 輸出：Bob（外部被修改）

重新賦值參數(shù) → 不影響外部

function replaceObject(obj) {
  obj = { name: 'Charlie' }; // 創(chuàng)建新對象，參數(shù)指向新地址
}

let person = { name: 'Alice' };
replaceObject(person);
console.log(person.name); // 輸出：Alice（未被修改）

數(shù)組示例

function modifyArray(arr) {
  arr.push(4);      // ? 修改原數(shù)組
  arr = [5, 6, 7];  // ? 重新賦值，不影響外部
}

let numbers = [1, 2, 3];
modifyArray(numbers);
console.log(numbers); // 輸出：[1, 2, 3, 4]

四、參數(shù)賦值 vs 屬性修改

操作類型   對外部的影響   示例
修改基本類型參數(shù)   ? 不影響外部   function(x) { x = 10; }
修改引用類型的屬性   ? 影響外部   function(obj) { obj.key = 1; }
重新賦值引用類型參數(shù)   ? 不影響外部   function(obj) { obj = {}; }

例子：

在 forEach 中，回調(diào)函數(shù)的參數(shù) item 本質(zhì)上是數(shù)組元素的值或引用的副本。因此：

基本類型元素：item 是值的副本，重新賦值不影響原數(shù)組。
引用類型元素：item 是引用的副本，重新賦值只會改變副本的指向，不會影響原數(shù)組中的引用。
示例分析

1. 基本類型數(shù)組（重新賦值無效）
const arr = [1, 2, 3];
arr.forEach((item) => {
  item = item * 10; // 修改的是副本，不影響原數(shù)組
});
console.log(arr); // 輸出：[1, 2, 3]


原因：item 是原始值 1、2、3 的副本，重新賦值不會影響原數(shù)組元素。

引用類型數(shù)組（修改屬性有效，重新賦值無效）

const arr = [{ value: 1 }, { value: 2 }];

// 修改屬性 → 有效
arr.forEach((item) => {
  item.value = item.value * 10; // 通過引用修改原對象
});
console.log(arr); // 輸出：[{ value: 10 }, { value: 20 }]

// 重新賦值 → 無效
arr.forEach((item) => {
  item = { value: 100 }; // 創(chuàng)建新對象，副本指向新對象，原數(shù)組不變
});
console.log(arr); // 輸出：[{ value: 10 }, { value: 20 }]

關(guān)鍵點(diǎn)：
修改屬性：item 和原數(shù)組元素指向同一對象，修改屬性會影響原數(shù)組。
重新賦值：item 被賦予新引用，與原數(shù)組元素的引用斷開，不影響原數(shù)組。

以上就是js 函數(shù)參數(shù)賦值問題解決的詳細(xì)內(nèi)容，更多關(guān)于js 函數(shù)參數(shù)賦值的資料請關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章: