< p >入門前端開發者都知道在JavaScript中有許多內置的函數和方法。其中一些也許很容易理解和使用，而另一些則可能需要更深入的理解才能夠掌握。本文將探討JavaScript的一個非常有用且常用的方法，那就是apply()。通過舉例說明，我們將深入了解apply()的用途以及如何在開發中靈活使用它。< /p >< p >apply() 方法是JavaScript中的一個方法，它允許您在調用函數時設置函數體內的this值。apply()還允許您在調用函數時向該函數傳遞單個參數數組。這使得apply()非常有用，特別是在您需要在不更改函數原始代碼或重復編寫函數的情況下動態更改函數調用的范圍時。< /p >< p >apply() 方法有兩個參數，一個是this，一個是參數的數組。例如:< /p >< pre >function funcName(arg1, arg2, arg3) { // ... } var arr = [1, 2, 3]; funcName.apply(this, arr);< /pre >< p >在這個例子中，arr是一個數組，其中包含3個參數，這些參數將傳遞給funcName函數。最常用的this值是null，這個值表示全局作用域。當然，也可以設置為任何對象，這將影響到函數的作用范圍。< /p >< p >在下一個例子中，我們將使用apply()動態更改函數的作用范圍。< /p >< pre >var person = { name: "Tom", sayHi: function() { console.log("Hi, I'm " + this.name); } } var alien = { name: "Zog", } person.sayHi.apply(alien);< /pre >< p >在這個例子中，我們調用了person對象的sayHi()方法，但是我們將apply()的作用范圍設置為alien對象。結果，我們得到了輸出 “Hi, I'm Zog”。我們成功地改變了函數的作用范圍。< /p >< p >apply()方法還可以直接應用于已有參數的函數。如果您需要獲得一個特定函數的繼承并傳遞給它所有參數，apply()方法可以幫助您快速完成。< /p >< pre >function funcOne(arg1, arg2) { // ... } function funcTwo() { funcOne.apply(this, arguments); } funcTwo("arg1Val", "arg2Val");< /pre >< p >在這個例子中，我們將apply()方法應用于已有參數的函數funcOne()，并將apply()方法應用于funcTwo()函數。通過使用arguments對象傳遞參數數組，funcTwo()函數充當了funcOne()函數的中間人，從而將所有傳遞的參數直接傳遞給funcOne()函數。< /p >< p >總的來說，JavaScript的apply()方法對于更改函數作用范圍和動態更改傳遞給函數的參數很有用。使用apply()方法可以節省時間和使代碼更具可讀性。因此，掌握apply()方法的用法非常重要，可以對你的JavaScript開發技能有很大的幫助。< /p >