¿Por qué usamos "({})" en jQuery?

Question

¿Por qué estamos usando ({ })?

¿Es delegado?

¿Qué significa usar esta sintaxis?

¿Qué estamos envolviendo con esto?

Por ejemplo:

$.ajaxSetup ({ // <-- THIS 
    error: fError, 
    compelete: fComp, 
    success: fSucc 
}); // <-- AND THIS 

Answer 1

{} es notación de objetos en JavaScript. Por ejemplo:

$('selector').plugin({ option1: 'value' }); 

En este caso estás pasando un objeto que contiene la configuración para el plugin. El plugin puede hacer frente a esto como un objeto, como quiera que se hace referencia como, por ejemplo:

settings.option1 //the option you passed in. 

Por supuesto que tiene mucho más usos, pero este es el ejemplo más común en jQuery. Lo mismo es cierto para las funciones .animate(), $.ajax(), .css(), etc. Cualquier cosa que tome propiedades generalmente usa este formato.

---

lo solicitado, algunos otros ejemplos:
Cualquier objeto en el interior del objeto pasado pueden ser una función, así, no sólo propiedades, por ejemplo:

$("<input>", { 
    type: "text", 
    focusin: function() { alert("Hi, you focused me!"); } 
});  

Esto establecer el evento de foco de esa entrada para tener una alerta. Otro está extendiendo un objeto, la adición de propiedades a ella, como este:

var person = { first_name: "John" }; 
$.extend(person, { last_name: "Smith" }); 
//equivalent to: 
person.last_name = "Smith"; 
//or: 
person["last_name"] = "Smith"; 

Ahora person tiene la propiedad last_name. Esto también lo usan a menudo los complementos, para tomar las configuraciones predeterminadas, luego fusiona cualquier configuración que haya pasado, sobrescribiendo con cualquier configuración que haya especificado, usando valores predeterminados para el resto.

¿Por qué lo utilizamos? Bueno ... así es como funciona JavaScript, y en el espíritu de jQuery: es una forma extremadamente rápida y flexible de pasar información.

Answer 2

Es bien un JavaScript object literal JSON o más específicamente cuando se trata de enviar parámetros sobre Ajax. JSON es un subconjunto de literales de objetos JavaScript.

Por ejemplo:

// This is JSON data sent via the Ajax request (JSON is subset of JavaScript object literals) 
var json = {id: 1, first_name: "John", last_name: "Smith"}; 

// This is a JavaScript object literal, it is not used for transfer of data so doesn't need to be JSON 
var jsol = {type: 'POST', url: url, data: json}; 

$.ajax(jsol); 

Lea más sobre él aquí:

• JSON is a subset of the Object Literal

• JavaScript Object Literal

• JSON (Wikipedia)

Answer 3

Si usted quiere decir en este contexto:

$("#theId").click(function() { /* body here */ }); 

Entonces el (function() {}) es una función anónima. Pero sin un ejemplo, no puede estar seguro de que eso es lo que quiere decir.

Answer 4

Me refiero a lo que estamos envolviendo?

No. Esa es la notación de objeto JavaScript (JSON). En el ejemplo que está invocando la función ajaxSetup con un objeto cuyas propiedades son:

error: fError, 
compelete: fComp, 
success: fSucc 

Por ejemplo, para crear un objeto "usuario" se podría escribir:

user = { 
    "name":"Oscar", 
    "lastName":"Reyes" 
}; 

Y a continuación, utilizar una de sus atributos:

alert(a.name); 

espectáculos: Oscar

Lo que yo ves allí (en tu código) es la creación de un objeto y pasarlo como un argumento.

Sería equivalente a:

var setUpInfo = { 
    "error": fError, 
    "compelete": fComp, 
    "success": fSucc 
}; 

$.ajaxSetup(setUpInfo); 

Answer 5

La pregunta fue sobre la notación "({})".

En este contexto, los paréntesis "(...)" después de una expresión, tales como $ .ajaxSetup, hace que la función especificada por la expresión que se llamará.

La expresión entre paréntesis (que podría ser una lista de expresiones separadas por comas) da como resultado un valor (o una lista de valores) que son los argumentos pasados ​​a la función.

Finalmente, cuando "{...}" se usa en un contexto de expresión, se construye un objeto con las propiedades de nombre y valor especificados. Esto es como JSON, pero es, de manera más general, cualquier objeto legal JS literal.