Question

我有以下代码：

var submitHandler = function ($link, $form, close) {

   var val = $form.valid();
   var action = $form.attr('data-action')
   var entity = $form.attr('data-entity')
   var href = $form.attr('data-href');
   var rownum = $link.attr('data-row');
   var $row = $('#row_' + rownum);
   var $submitBt = $('.block-footer button:contains("Submit")');
   .....
   .....
   jsonSuccessModal(action, rownum, close, $form, $submitBt, $row);

}

function jsonSuccessModal(action, rownum, close, $form, $submitBt, $row) {
    ...
}

有一种方法可以组合变量，而不是有很多参数在第一个代码块中然后只发送一个代表该对象的对象组合到jsonSuccessModal。像匿名对象？

Answer 1

var submitHandler = function (data) {
    data.link; // Do something...
    data.form; // Do something...
    ...
};

submitHandler({
    link: "foo",
    form: "form",
    close: "close"
});

Answer 2

您可以创建自己的对象并将其发送过来。想要访问数据时也会更容易。 http://www.howtocreate.co.uk/tutorials/javascript/objects显示如何制作自己的对象

Answer 3

这是我用于需要大量参数的函数的模式（尽管使用jQuery）：

var myFunc = function (parameters) {
    // any parameters not passed will be defaulted here
    parameters = $.extend({
        foo: 1,
        bar: 'hello',
        biz: false
    }, parameters || {}); // default parameters to an empty object if it is not passed at all

    // use the parameters like you normally would
    var answer = 6 + parameters.foo;
};

// call the function using an object
myFunc({ foo: 2, bar: 'goodbye'}); // notice biz will be defaulted to false

如果您不想使用jquery，可以使用类似这样的内容而不是$.extend（未经测试）

var extend = function (defaultObject, sourceObject) {
    for (var key in defaultObject) {
        if (!sourceObject.hasOwnProperty(key)) {
            sourceObject[key] = defaultObject[key];
        }
    }
    return sourceObject;
};

Answer 4

在一般情况下，您的问题的答案是否定的 - javascript不支持关键字参数解压缩，例如在Python中（**kwargs）。您可以尝试“扩展”Javascript来支持这种功能，但代码会相当笨拙（因为这种语言也没有反射支持）：

function paramNames(func) {
    return func.toString().match(/\(([^)]+)\)/)[1].split(/[\s,]+/)
}

function callWithKwargs(func, args, thisptr) {
    return func.apply(thisptr || this,
        paramNames(func).map(function(e) { return args[e] }));
}

// example:

function foo(bar, baz, spam) {
    console.log('bar', bar, 'baz', baz, spam, 'spam'); 
}

callWithKwargs(foo, {
    spam: 'bacon',
    baz: 'hello',
    bar: 'barbar'
})

那就是说，如果有问题的函数是你的，你可以简单地将一个对象传递给它，就像已经建议的那样。

Answer 5

是的，你可以像下面这样做

var submitHandler = function ($link, $form, close) {
   var obj ={
 val = $form.valid();
 action = $form.attr('data-action')
 entity = $form.attr('data-entity')
 href = $form.attr('data-href');
 rownum = $link.attr('data-row');
 $row = $('#row_' + rownum);
 $submitBt = $('.block-footer button:contains("Submit")');};
   jsonSuccessModal(obj);

}

我可以将变量组合成一个javascript对象吗？

5 个答案: