Como produzir literais de objeto e os benefícios da definição
1. Existem duas maneiras de produzir literais de objetos: tradicional. 'E o método da matriz, mas ao produzir no método da matriz, os colchetes devem ser fechados em citações, como
var box = {nome: 'abc'; idade: 28}; alerta (caixa ['nome']);Defina métodos para objetos,
R: Se você usar a maneira tradicional de definir um objeto , precisará definir o método primeiro e depois atribuir o nome do método a um atributo do objeto. Se você quiser chamar esse método sem colchetes, retornará o código do método; Se você deseja chamar esse método e adicionar colchetes ao atributo de objeto, obterá o valor de retorno do método.
function objrun () {return '123';} var box = new Object (); box.name = 'abc'; box.age = 28; box.run = objrun; alert (box.run ()); // o resultado é 123 // alert (box.run); // O resultado é função objrun () {return '123'; } // if box.run = objrun (); // alert (box.run); // O resultado é 123. Se os colchetes forem incluídos, um erro será relatadoB: Defina com um valor literal . Basta escrever uma função diretamente na propriedade do objeto. Não há nome de função nesta função. É uma função anônima . Então, como você chama esse método? Use o nome da propriedade do objeto e ligue para o método, da mesma forma que acima.
como:
var box = {nome: 'abc', idade: 28, run: function () {return '123'; }} alert (box.run ());2. A definição de literais de objeto pode facilmente resolver a situação em que um grande número de parâmetros de funções precisa ser produzido um por um. Sua contramedida é passar um objeto para a função, e esse objeto é definido de maneira literal. Os métodos correspondentes de atributos e valores podem ser claramente compreendidos à primeira vista , porque a função é apenas um pedaço de código e deve ser chamado para executar
como:
função aa (obj) {alert (obj.name); alert (obj.age);} var obj = {nome: 'abc', idade: 28} aa (obj);demonstração literal do objeto JS
/** * @Author Zhanghua */var literal = {add: function () {alert ("add"); }, del: function () {alert ("delete"); }, atualização: function () {alert ("update"); }, nome: "zhangsan", callliteral: function () {// Para chamadas para o objeto literal atual, adicione esta palavra -chave this.add (); }};Arquivo HTML:
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> literalcript-literal </title> <script type = " src = "jslib/literal.js"> </script> </head> <body> <input type = "button" value = "add" onclick = "javascript: literal.add ()"/> <insput type = "button"/"delete" onclick = "javascript: literal.del)" "> <buter"/" ONCLICK = "LITERAL.UPDATE ()"/> <input type = "button" value = "name" onclick = "javascript: alert (literal.name)"/> <input type = "button" value = "update" onclick = "literal.update ()"/> <but type = "" buttão "" name "" "nort =" literal.Update () "/> <intring type =" "buttão" "" "name" "," name "onClick =" literal.Update () "/> <sput Type =" "buttão" "" "Nome" OnClick = "Literal.Update ()"/> <intring type = "" "value" "Nome". type = "botão" value = "nome" onclick = 'javascript: alert (literal ["name"])' "/> <input type =" button "value =" caller "onclick = 'javascript: literal.callliteral ()'"/> </body> </html>
O acima é o conteúdo inteiro deste artigo. Para obter mais informações sobre JavaScript, você pode conferir: "Javascript Reference Tutorial" e "JavaScript Code Style Guide". Eu também espero que todos apoiem mais wulin.com.