你可以在 JavaScript 中使用 `.apply()` 和 `new` 運算子來建立帶有變數參數的物件嗎？

有變數參數的新物件：揭秘.apply() 和「new」運算子

在JavaScript 中，通常使用「new」運算子建構物件實例透過直接將參數傳遞給建構函數來完成。然而，在某些情況下，人們可能希望動態提供參數。本文解決了使用 '.apply()' 和 'new' 運算子來完成此操作是否可行的問題。

.apply() 與 'new' 的限制

儘管它有多功能性，「.apply()」方法不能直接與「new」運算子一起使用。嘗試這樣做會導致意外的行為或錯誤。

替代解決方案

認識到對此類功能的需求，JavaScript 社群提出了各種創新解決方案。

函數原型

一種方法（歸功於Matthew Crumley）利用函數原型來創建解決方法：

var createSomething = (function() {
    function F(args) {
        return Something.apply(this, args);
    }
    F.prototype = Something.prototype;

    return function() {
        return new F(arguments);
    }
})();

此解決方案有效地創建了具有所需行為的新函數。

ECMAScript 5

ECMAScript 5 的「Function.prototype.bind」提供了更簡潔的解決方案:

function newCall(Cls) {
    return new (Function.prototype.bind.apply(Cls, arguments));
}

此方法與「新」運算子無無性縫集成可以應用於所有類型的建構函數，包括具有“Date”等特殊行為的建構函數。

Eval 方法（警告）

雖然由於潛在的安全問題而不鼓勵使用，但「eval」方法提供了另一個解決方法：

var s = eval("new Something(" + [a, b, c] + ")");

了解解

這些解利用了bind()方法來建立一個接受所需參數的函數。然後，使用“new”運算子從該函數實例化一個物件。

結論

使用「.apply()」建立具有可變參數的對象，而「new」運算子需要一些獨創性。透過利用可用的 JavaScript 功能，開發人員可以實作這些技術來實現他們所需的功能。

以上是你可以在 JavaScript 中使用 `.apply()` 和 `new` 運算子來建立帶有變數參數的物件嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！