Cómo generar literales de objetos y los beneficios de la definición
1. Hay dos formas de generar literales de objetos: tradicionales. ', y método de matriz, pero al emitir en el método de matriz, los soportes cuadrados deben encerrarse en cotizaciones, como
var box = {nombre: 'ABC'; edad: 28}; alerta (cuadro ['nombre']);Definir métodos para objetos,
R: Si utiliza la forma tradicional de definir un objeto , debe definir primero el método y luego asignar el nombre del método a un atributo del objeto. Si desea llamar a este método sin corchetes, devolverá el código de método; Si desea llamar a este método y agregar corchetes al atributo del objeto, obtendrá el valor de retorno del método.
function objrun () {return '123';} var box = new Object (); box.name = 'ABC'; box.age = 28; box.run = objrun; alert (box.run ()); // El resultado es 123 // alerta (box.run); // El resultado es la función objrun () {return '123'; } // if box.run = objrun (); // alert (box.run); // El resultado es 123. Si se incluyen soportes, se informará un errorB: Defina con un valor literal . Simplemente escriba una función directamente en la propiedad del objeto. No hay nombre de función en esta función. Es una función anónima . Entonces, ¿cómo se llama a este método? Use el nombre de la propiedad del objeto y llame al método, igual que el anterior.
como:
var box = {nombre: 'ABC', Age: 28, Run: function () {return '123'; }} alert (box.run ());2. La definición de literales de objetos puede resolver fácilmente la situación en la que una gran cantidad de parámetros de funciones deben emitirse uno por uno. Su contramedida es pasar un objeto a la función, y este objeto se define de manera literal. Los métodos de atributos y valores correspondientes pueden entenderse claramente de un vistazo , porque la función es solo una pieza de código y debe llamarse a ejecutar
como:
función aa (obj) {alert (obj.name); alert (obj.age);} var obj = {nombre: 'ABC', edad: 28} aa (obj);demo literal de JS Object
/** * @author zhanghua */var literal = {add: function () {alert ("add"); }, del: function () {alert ("eliminar"); }, actualizar: function () {alert ("actualización"); }, nombre: "zhangsan", callliteral: function () {// Para las llamadas al objeto literal actual, agregue esta palabra clave this.add (); }};Archivo HTML:
<? xml versión = "1.0" encoding = "utf-8"?> < xmlns = "http://www.w3.org/1999/xhtml"> <toad> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> literal-literal </title> <script type = "text/javascript" src = "jslib/literal.js"> </script> </head> <body> <input type = "button" value = "add" onClick = "javascript: literal.add ()"/> <input type = "button" value = "delete" onClick = "javascript: literal.del ()"/> <input type = "button" value = "actualización" actualización "actualización" "actualización" "Update" "Update" "Update" "Update" "Update" "Update" onClick = "literal.update ()"/> <input type = "button" value = "name" onClick = "javascript: alert (literal.name)"/> <input type = "button" value = "update" onclick = "literal.update ()"/> <input type = "button" value = "name" onclick = "javasscript: alerta (alert (literal.name)"/"input type =" Button "Button" valor = "name" onClick = 'javaScript: alert (literal ["name"])' "/> <input type =" button "value =" llamado "onClick = 'javaScript: literal.callliteral ()'"/> </body> </html>
Lo anterior es todo el contenido de este artículo. Para obtener más información sobre JavaScript, puede consultar: "Tutorial de referencia de JavaScript" y "Guía de estilo de código JavaScript". También espero que todos apoyen más a Wulin.com.