JS函数将多个参数作为单个对象传递

Question

我有以下构造函数：

var one = new HB.hideShowFacilites.Selectors(".facilities .more-centered", "more-centered", "less-centered", "container-max-height", ".facilities .container-min-height");  

有没有办法将所有这些选择器作为单个对象传递？

HB.hideShowFacilites = HB.hideShowFacilites || {};

HB.hideShowFacilites.Selectors = function(sel1, sel2, sel3, sel4, sel5){
    this.sel1 = sel1;
    this.sel2 = sel2;
    this.sel3 = sel3;
    this.sel4 = sel4;
    this.sel5 = sel5;
};

HB.hideShowFacilites.Selectors.prototype.hideShow = function(){
    var $obj1 = $(this.sel1),
        $obj2 = this.sel2,
        $obj3 = this.sel3;
        $obj4 = this.sel4,
        $obj5 = $(this.sel5);

    $obj1.on('click', function(e){
        e.preventDefault();

        if($obj1.hasClass($obj2)){
            $obj1.removeClass($obj2).addClass($obj3);
            $obj5.addClass($obj4);
        }
        else{
            $obj1.removeClass($obj3).addClass($obj2);
            $obj5.removeClass($obj4);
        }      
    });

};

$(document).ready(function(){

    var one = new HB.hideShowFacilites.Selectors(".facilities .more-centered", "more-centered", "less-centered", "container-max-height", ".facilities .container-min-height");

    one.hideShow();
});

Answer 1

根据HB.hideShowFacilites.Selectors的实现方式，您可以像下面这样使用Function.prototype.apply

function foo(args) {
    var instance = Object.create(HB.hideShowFacilites.Selectors.prototype);
    HB.hideShowFacilites.Selectors.apply(instance, args);
    return instance;
}

var one = foo([".facilities .more-centered", "more-centered", "less-centered", "container-max-height", ".facilities .container-min-height"]);  

---

通过编辑其定义，此方法应该可以使用。

Answer 2

在纯JS中，如果不修改函数，就不可能通过带有参数列表的函数传入带有成员的对象，而该对象被视为参数。

HB.hideShowFacilites.Selectors = function(selectors){
    this.sel1 = selectors.sel1;
    this.sel2 = selectors.sel2;
    this.sel3 = selectors.sel3;
    this.sel4 = selectors.sel4;
    this.sel5 = selectors.sel5;
};

这样的函数需要一个参数，并将其作为具有sel1，sel2等字段的对象。

但是相反，可以将传递的参数列表用作函数内部的数组，如下所示：

HB.hideShowFacilites.Selectors = function(sel1, sel2, sel3, sel4, sel5){
    this.sel1 = arguments[0];
    this.sel2 = arguments[1];
    this.sel3 = arguments[2];
    this.sel4 = arguments[3];
    this.sel5 = arguments[4];
};

此外，如果您不喜欢修改该功能，则可以使用类似的方法重新定义它

HB.myHideShowFacilites = function(){};

HB.myHideShowFacilites.prototype = HB.hideShowFacilites;

HB.hideShowFacilites.Selectors = function(selectors){
    this.sel1 = selectors.sel1;
    this.sel2 = selectors.sel2;
    this.sel3 = selectors.sel3;
    this.sel4 = selectors.sel4;
    this.sel5 = selectors.sel5;
};

然后使用HB.myHideShowFacilites代替HB.hideShowFacilites