一、apply() 與 call() 方法

apply() 和 call() 都是 JavaScript 函數對象的方法，用于顯式設置函數執行時的 this 值并調用函數。這兩個方法功能相似，主要區別在于參數傳遞方式。

1、核心概念

1.1、call() 方法

function.call(thisArg, arg1, arg2, ...)

• 第一個參數：指定函數內 this 的值
• 后續參數：逐個傳遞函數參數

1.2、apply() 方法

function.apply(thisArg, [argsArray])

• 第一個參數：指定函數內 this 的值
• 第二個參數：以數組或類數組形式傳遞參數

2、使用示例

2.1、基本用法

function introduce(lang, experience) {console.log(`${this.name} 開發 ${lang} ${experience} 年`);
}const dev = { name: '張三' };// call 方式
introduce.call(dev, 'JavaScript', 5); 
// 輸出："張三 開發 JavaScript 5 年"// apply 方式
introduce.apply(dev, ['Python', 3]);
// 輸出："張三 開發 Python 3 年"

2.2、處理 this 指向問題

const obj = {value: 10,getValue: function() {setTimeout(function() {console.log(this.value); // 默認指向全局對象}.call(this), 100); // 強制綁定 this}
};obj.getValue(); // 輸出 10

3、call() 與 apply() 的區別

特性	call()	apply()
參數傳遞方式	逐個參數傳遞	數組形式傳遞
性能	通常更快	略慢（需處理數組）
適用場景	參數數量已知	參數數量動態/不確定