将对象传递给 javascript 函数

Question

我最近在我的网站上玩弄 jQuery，而我对 Javascript 的了解相当有限。我开始喜欢 jQuery 将变量传递给花括号内的 jQuery 函数的能力，如下所示：

$(somediv).animate({thisisone: 1, thisistwo: 2}, thisisavar);

我想知道的是如何编写一个可以将项目传递到花括号内的 Javascript 函数？我知道你可以写这样的函数：

function someName(var1, var2, var3...) {

}

但这不支持大括号？我也知道您可以不添加任何参数并执行此操作：

function accident() {
    for( var i = 0; i < arguments.length; i++ ) {
        alert("This accident was caused by " + arguments[i]);
    }
}
accident("me","a car","alcohol","a tree that had no right to be in the path of my driving");

但我也想传递外部变量而不是一整行字符串，如果这样有意义吗？

基本上，我想要一个可以传递变量的函数，如下所示：

function myFunction(neededcodehere){
    //Some code here...
}

myFunction (var1, {"Option 1", "Option 2", "Option 3"}, anothervar);

Answer 1

“大括号”正在创建一个对象字面量，即它们创建一个对象。这是一个论点。

例子：

function someFunc(arg) {
    alert(arg.foo);
    alert(arg.bar);
}

someFunc({foo: "This", bar: "works!"});

也可以预先创建对象：

var someObject = {
    foo: "This", 
    bar: "works!"
};

someFunc(someObject);

我建议阅读MDN JavaScript Guide - Working with Objects。

Answer 2

回答 normajeans 关于设置默认值的问题。 创建一个具有相同属性的默认对象并与参数对象合并

如果使用 ES6：

    function yourFunction(args){
        let defaults = {opt1: true, opt2: 'something'};
        let params = {...defaults, ...args}; // right-most object overwrites 
        console.log(params.opt1);
    }

使用 Object.assign(target, source) 的旧浏览器：

    function yourFunction(args){
        var defaults = {opt1: true, opt2: 'something'};
        var params = Object.assign(defaults, args) // args overwrites as it is source
        console.log(params.opt1);
    }

Answer 3

当您将花括号内的对象作为参数传递给具有一个参数的函数时，您将此对象分配给一个变量，在这种情况下该变量是参数

Answer 4

function myFunction(arg) {
    alert(arg.var1 + ' ' + arg.var2 + ' ' + arg.var3);
}

myFunction ({ var1: "Option 1", var2: "Option 2", var3: "Option 3" });