当前位置: 首页 > 面试题库 >

JavaScript将.apply()与'new'运算符配合使用。这可能吗?

陈俊誉
2023-03-14
问题内容

在JavaScript中,我想创建一个对象实例(通过new运算符),但是将任意数量的参数传递给构造函数。这可能吗?

我想做的是这样的(但是下面的代码不起作用):

function Something(){
    // init stuff
}
function createSomething(){
    return new Something.apply(null, arguments);
}
var s = createSomething(a,b,c); // 's' is an instance of Something

答案

从这里的响应中可以明显看出,没有内置的方法可以.apply()new接线员通话。但是,人们提出了一些非常有趣的解决方案。

我更喜欢的解决方案是MatthewCrumley提出的解决方案(我已对其进行了修改以通过该arguments属性):

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

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

问题答案:

使用ECMAScript5可以使Function.prototype.bind事情变得非常干净:

function newCall(Cls) {
    return new (Function.prototype.bind.apply(Cls, arguments));
    // or even
    // return new (Cls.bind.apply(Cls, arguments));
    // if you know that Cls.bind has not been overwritten
}

可以如下使用:

var s = newCall(Something, a, b, c);

甚至直接:

var s = new (Function.prototype.bind.call(Something, null, a, b, c));

var s = new (Function.prototype.bind.apply(Something, [null, a, b, c]));

即使基于特殊的构造函数,此方法和基于eval的解决方案仍然是唯一可以正常工作的解决方案Date

var date = newCall(Date, 2012, 1);
console.log(date instanceof Date); // true

编辑

一点解释:我们需要new在一个带有有限数量参数的函数上运行。该bind方法允许我们这样做:

var f = Cls.bind(anything, arg1, arg2, ...);
result = new f();

anything参数无关紧要,因为new关键字resetf的上下文。但是,出于语法原因,它是必需的。现在,进行bind调用:我们需要传递可变数量的参数,所以就可以了:

var f = Cls.bind.apply(Cls, [anything, arg1, arg2, ...]);
result = new f();

让我们将其包装在一个函数中。Cls被作为arugment 0传递,它将成为我们的anything

function newCall(Cls /*, arg1, arg2, ... */) {
    var f = Cls.bind.apply(Cls, arguments);
    return new f();
}

实际上,f根本不需要临时变量:

function newCall(Cls /*, arg1, arg2, ... */) {
    return new (Cls.bind.apply(Cls, arguments))();
}

最后,我们应该确保这bind确实是我们所需要的。(Cls.bind可能已被覆盖)。因此,将其替换为Function.prototype.bind,我们得到的最终结果如上所述。



 类似资料:
  • 问题内容: 我试图了解表运算符。 这是示例: 我的主要障碍是了解 何时 使用。 所以我想知道使用in实现的结果与上述相同将有多困难? 是否会使查询更短或更易读? 如果该示例没有显示使用的巨大优势,那么什么是使用显着的优势呢? 问题答案: 首先-可以调用 表值函数 ,其中参数值是从查询的表中获取的,如下所示: 或 切碎xml列 根据我的经验,当您需要进行一些 预先计算 时,它非常有用: 使用的另一个

  • 问题内容: 据我所知,操作员会执行以下操作:(如果我错了,请纠正我。) 分配内存,然后返回分配的内存的第一个块的引用。(显然,内存是从堆分配的。) 初始化对象(调用构造函数。) 运算符也以类似的方式工作,只是它对数组中的每个元素都执行此操作。 谁能告诉我这两个运算符在C ++和Java中有何不同: 就其生命周期而言。 如果他们无法分配内存怎么办。 问题答案: 在C ++中,… 对于类型的对象分配足

  • new 和 delete 运算符提供了比 C语言的 malloc 和 free 函数调用更好的动态分配内存方法(对任何内部或用户自定义类型)。考虑下列代码: TypeName *typeNamePtr; 在ANSI C语言中,要为 TypeName 类型对象动态分配内存,可以用下列语句: typeNamePtr = malloc(sizeof(TypeName)); 这就要求调用 malloc 函

  • 本文向大家介绍详解C++中new运算符和delete运算符的使用,包括了详解C++中new运算符和delete运算符的使用的使用技巧和注意事项,需要的朋友参考一下 C++ 支持使用 new 和 delete 运算符动态分配和释放对象。这些运算符为来自称为“自由存储”的池中的对象分配内存。 new 运算符调用特殊函数 operator new,delete 运算符调用特殊函数 operator de

  • 有人能解释一下PHP中三元运算符速记()和空合并运算符()之间的区别吗? 他们什么时候表现不同,什么时候表现相同(如果发生的话)? VS。

  • 问题内容: 我看到过这样创建的对象: 但是我认为创建对象时括号不是可选的: 创建对象的前一种方法在ECMAScript标准中是否有效并定义?前一种创建对象的方式与后一种创建方式之间有什么区别吗?是一个比另一个更好的选择吗? 问题答案: 引用David Flanagan 1: 作为一种特殊情况,仅对于运算符,JavaScript通过在函数调用中没有参数的情况下允许省略括号来简化语法。以下是使用运算符