Collection de méthodes pour créer et appeler des compétences JavaScriptobjects_javascript

En travaillant sur un projet aujourd'hui, j'ai rencontré une situation où je devais créer un objet JavaScript. J'ai donc consulté un article écrit par un étranger sur trois façons de créer des objets JavaScript, puis j'ai tapé le code après l'avoir lu. J’ai l’impression que la méthode est plutôt bonne, alors j’aimerais la partager avec vous ici.

1. Utiliser des fonctions pour créer des objets :

Copier le code Le code est le suivant :

//Définir l'objet
fonction Animal(type)
{
Ce.name="";
This.type=type;
This.introduction=function(){
            return "Je m'appelle : " this.name ", j'appartiens à " this.type ;
>
>
var animal=new Animal("Poultry"); //Instancier l'objet que nous avons créé ci-dessus
animal.name="小红";
alert(animal.introduction()); //Appelle sa fonction d'introduction (à ce 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 entraînera une perte de performances. Ici, nous instancions l'objet via la nouvelle clé. En fait, la nouvelle clé fait deux choses. Tout d'abord, une méthode anonyme (Animal) est définie. 2. Appelez-le. Ce n’est pas aussi efficace que la méthode que nous présenterons ensuite.

2. Utilisez des littéraux d'objet :

Je ne sais pas si la traduction est correcte. Je vous indiquerai l'adresse originale plus tard. Si vous êtes intéressé, vous pouvez lire le texte original.

Copier le code Le code est le suivant :

//Définir l'objet
var Livre=
{
                nom : "Un rêve de demeures rouges",
          tapez :"Œuvres littéraires",
           getAuthor:function()
{
            retour : "Je suis l'enfant de Cao Xueqin !" ;
>
>
​​​ alert(Book.GetAuthor()); //Appelez la méthode objet et la page apparaîtra : Je suis l'enfant de Cao Xueqin.
        Book.name="Slam Dunk";                                                                                                                                                                                                                          Book.name=" Slam Dunk";                           // Modifier les propriétés de l'objet
alert(Book.name); //À ce moment, la page apparaîtra : Slam Dunk

Je pense que tout le monde comprendra pourquoi cette méthode est plus efficace après avoir vu le code. Parce que cela équivaut à définir une variable globale JavaScript. Nous pouvons l'utiliser directement sans l'instancier. Cependant, cela semble bizarre. Eh bien, voici la solution. Jetons un coup d'œil à la troisième méthode.

3. Mode Singleton (Singleton utilisant une fonction) :

Il n'est peut-être pas approprié de le traduire en mode singleton. Regardons d'abord le code :

Copier le code Le code est le suivant :

//Définir l'objet
var Genre=nouvelle fonction()
{
This.type="fille";
This. Speaking=function()
{
         return "Je suis" this.type;
>
>
alert(Gender. Speaking();) //Utiliser l'objet A ce moment, la page apparaîtra : Je suis une fille.

Regardez ce code, est-il très similaire à notre méthode ? Cependant, cela fonctionne comme la première méthode. Méthode 1 : utilisez l’objet une fois et créez l’objet une fois. Cette méthode crée un objet une fois et peut l'utiliser de manière permanente. Par conséquent, cette approche est très similaire au modèle singleton dans les modèles de conception.