Aujourd'hui, lorsque je travaillais sur un projet, j'ai rencontré la situation où j'avais besoin pour créer un objet JavaScript. Ainsi, un article rédigé par un étranger sur la création d'objets JavaScript, puis l'a lu et a tapé le code. Je pense que la méthode est assez bonne, donc je vais le partager avec vous ici.
1. Créer des objets à l'aide de fonctions:
La copie de code est la suivante:
// définir l'objet
Fonction Animal (Type)
{
this.name = "";
this.type = type;
this.introduction = function () {
Renvoie "mon nom est:" + this.name + ", j'appartiens à" + this.type;
}
}
var animal = nouvel animal ("volaille"); // instancier l'objet que nous avons créé ci-dessus
animal.name = "xiaohong";
alerte (animal.Introduction ()); // appelle sa fonction d'introduction (pour le moment, la page apparaîtra: je m'appelle xiaohong, j'appartiens à la volaille);
Tout le monde doit être familier avec cette méthode. Cependant, l'utilisation de cette méthode peut entraîner des pertes de performances. Ici, nous instancions l'objet via la nouvelle clé. En fait, la clé de New est de faire deux choses. 1. Une méthode anonyme est définie. 2. Appelez ça. Ce n'est pas aussi efficace que la méthode que nous introduirons ensuite.
2. Utilisez des littéraux d'objet:
Je ne sais pas si la traduction est correcte. Je vais vous dire l'adresse d'origine plus tard. Si vous êtes intéressé, vous pouvez lire le texte original.
La copie de code est la suivante:
// définir l'objet
var livre =
{
Nom: "Rêve des demeures rouges",
Type: "Travaux littéraires",
GetAuthor: function ()
{
retour: "Je suis l'enfant de Cao Xueqin!";
}
}
alert (book.getAuthor ()); // Appelle la méthode de l'objet, et la page apparaîtra: je suis l'enfant de Cao Xueqin.
Book.name = "slam dunk"; // Modifier les propriétés des objets
alert (book.name); // Pour le moment, la page apparaîtra: Slam Dunk
Je crois que lorsque vous voyez le code, vous devez comprendre pourquoi cette méthode est plus efficace. Parce que cela équivaut à définir une variable globale JavaScript. Nous pouvons l'utiliser directement sans l'instanciation. Mais ça a l'air bizarre. Ensuite, la solution est là. Jetons un coup d'œil à la troisième méthode.
3. Singleton en utilisant une fonction:
Traduit en mode singleton peut ne pas être approprié. Regardons d'abord le code:
La copie de code est la suivante:
// définir l'objet
Var Gender = nouvelle fonction ()
{
this.type = "girls";
this.spaking = function ()
{
return "je suis" + this.type;
}
}
alert (sexe.spaking ();) // La page apparaîtra lorsque vous utilisez l'objet: je suis une fille.
Si vous regardez ce code, est-ce très similaire à notre méthode? Cependant, cela peut fonctionner comme une méthode. Méthode 1: Utilisez un objet une fois et vous devez créer un objet une fois. Cette méthode peut être utilisée en permanence en créant un objet une fois. Par conséquent, cette méthode est très similaire au modèle singleton dans le modèle de conception.