Pass object to javascript function

Question

I have recently been messing around with jQuery on my website, and I have a fairly limited knowledge of Javascript. I am beginning to like the jQuery ability to pass variables to a jQuery function inside the curly braces, like so:

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

What I was wondering is how I can write a Javascript function that I can pass items to inside the curly braces? I know you can write functions like this:

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

but that doesn't support the braces? I also know that you can add no arguments and do this:

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"); 

but I also want to pass outside variables instead of just a whole line of strings, if that makes sense?

Basically, I want a function that I can pass variables to, like so:

function myFunction(neededcodehere){     //Some code here... }  myFunction (var1, {"Option 1", "Option 2", "Option 3"}, anothervar); 

Answer 1

The "braces" are making an object literal, i.e. they create an object. It is one argument.

Example:

function someFunc(arg) {     alert(arg.foo);     alert(arg.bar); }  someFunc({foo: "This", bar: "works!"}); 

the object can be created beforehand as well:

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

I recommend to read the MDN JavaScript Guide - Working with Objects.

Answer 2

function myFunction(arg) {     alert(arg.var1 + ' ' + arg.var2 + ' ' + arg.var3); }  myFunction ({ var1: "Option 1", var2: "Option 2", var3: "Option 3" });