Comment produire des littéraux d'objets et les avantages de la définition
1. Il existe deux façons de produire des littéraux d'objets: traditionnel. ', et la méthode du tableau, mais lors de la sortie dans la méthode du tableau, les crochets doivent être enfermés en guillemets, tels que
var box = {name: 'abc'; Âge: 28}; alert (box ['name']);Définir les méthodes pour les objets,
R: Si vous utilisez la manière traditionnelle de définir un objet , vous devez d'abord définir la méthode, puis attribuer le nom de la méthode à un attribut de l'objet. Si vous souhaitez appeler cette méthode sans crochets, vous renverrez le code de la méthode; Si vous souhaitez appeler cette méthode et ajouter des supports à l'attribut objet, vous obtiendrez la valeur de retour de la méthode.
fonction objrun () {return '123';} var box = nouvel objet (); box.name = 'abc'; box.age = 28; box.run = objrun; alert (box.run ()); // le résultat est 123 // alerte (box.run); // le résultat est la fonction objrun () {return '123'; } // if box.run = objrun (); // alert (box.run); // Le résultat est 123. Si des supports sont inclus, une erreur sera signaléeB: Définissez-le avec une valeur littérale . Écrivez simplement une fonction directement sur la propriété de l'objet. Il n'y a pas de nom de fonction sur cette fonction. C'est une fonction anonyme . Alors, comment appelez-vous cette méthode? Utilisez le nom de la propriété de l'objet et appelez la méthode, tout comme ci-dessus.
comme:
var box = {name: 'abc', Âge: 28, exécuter: function () {return '123'; }} alert (box.run ());2. La définition des littéraux d'objet peut facilement résoudre la situation où un grand nombre de paramètres de fonctions doivent être sortis un par un. Sa contre-mesure est de passer un objet à la fonction, et cet objet est défini de manière littérale. Les méthodes correspondantes des attributs et des valeurs peuvent être clairement visibles en un coup d'œil , car la fonction n'est qu'un morceau de code et doit être appelé pour exécuter
comme:
fonction aa (obj) {alert (obj.name); alert (obj.age);} var obj = {nom: 'ABC', âge: 28} aa (obj);Démo littéral de l'objet JS
/ ** * @author zhanghua * / var littéral = {add: function () {alert ("add"); }, del: function () {alert ("delete"); }, update: function () {alert ("update"); }, nom: "Zhangsan", callLiteral: function () {// Pour les appels à l'objet littéral actuel, ajoutez ce mot-clé this.add (); }};Fichier 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"> <éad> <méta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" /> <itle> littéral - literal </ title> <script type = "text / javascript" src = "jslib / litteral.js"> </ script> </ head> <body> <entrée type = "Button" value = "add" onclick = "javascript: litteral.add ()" /> <input type = "Button" value = "Delete" onClick = "Javascrip onclick = "litteral.update ()" /> <input type = "Button" value = "name" onclick = "javascript: alert (litteral.name)" /> <input type = "Button" value = "update" onClick = "littera.update ()" /> <entrée type = "bouton" value = "name" onClick = "javascrip type = "Button" value = "name" onClick = 'javascript: alert (littéral ["name"])' "/> <input type =" Button "value =" appeler "onclick = 'javascript: litteral.callliteral ()'" /> </ body> </ html>
Ce qui précède est l'intégralité du contenu de cet article. Pour plus d'informations sur JavaScript, vous pouvez consulter: "JavaScript Reference Tutorial" et "JavaScript Code Style Guide". J'espère également que tout le monde soutiendra davantage Wulin.com.