Créer des objets en JavaScript (3 façons)

En termes de syntaxe, JavaScript est un langage flexible orienté objet. Dans cet article, nous allons vous présenter les différentes manières d'instancier des objets en JavaScript.

Il est important de noter que JavaScript est un langage sans classe et que les fonctions sont utilisées de manière à simuler une classe. (Recommandé : "tutoriel javascript")

Utiliser des fonctions comme classes :

L'un des moyens les plus simples d'instancier des objets en JavaScript. Nous définissons une fonction JavaScript classique et utilisons le nouveau mot-clé pour créer un objet de la fonction. Les propriétés et méthodes de fonction sont créées à l’aide du mot-clé this.

<script> 
    function copyClass(name, age) { 
        this.name = name; 
        this.age = age; 
        this.printInfo = function() { 
            console.log(this.name); 
            console.log(this.age); 
        } 
    } 
  
// 创建copyClass对象并初始化参数。
var obj = new copyClass("Vineet", 20); 
  
//调用copyClass的方法。
obj.printInfo(); 
</script>

Sortie :

Vineet
20

Explication : Une classe en POO a deux composants principaux, des paramètres et des fonctions membres. Dans cette méthode, nous déclarons une fonction de type classe avec deux paramètres, name et age (ce mot-clé est utilisé pour différencier le nom et l'âge de la classe en nom et âge des paramètres fournis.) et la méthode printInfo, Used pour imprimer les valeurs de ces paramètres. Ensuite, nous créons simplement un objet copyClass obj, l'initialisons et appelons ses méthodes.

Utiliser des littéraux d'objet :

Les littéraux sont une manière plus petite et plus simple de définir des objets. Ci-dessous, nous utilisons un littéral pour instancier un objet qui est exactement le même que l'objet précédent.

<script> 
    var obj = { 
        name : "", 
        age : "", 
        printInfo : function() { 
            console.log(this.name); 
            console.log(this.age); 
        } 
    } 
  
// 初始化参数。
obj.name = "Vineet"; 
obj.age = 19; 
  
// 使用对象的方法。
obj.printInfo(); 
</script>

Sortie :

Vineet
20

Description : Cette méthode fonctionne de la même manière que la méthode précédente, mais nous ne regroupons pas les paramètres (nom et âge) et la méthode (printInfo) dans fonction, regroupez-les dans l’objet lui-même, initialisez l’objet et utilisez simplement les méthodes.

Utilisation d'un singleton d'une fonction :

La troisième méthode est une combinaison des deux autres méthodes. Nous pouvons utiliser une fonction pour définir un objet singleton.

<script> 
    var obj = new function() { 
        this.name = ""; 
        this.age = ""; 
        this.printInfo = function() { 
            console.log(this.name); 
            console.log(this.age); 
        }; 
    } 
  
obj.name = "Vineet"; 
obj.age = 20; 
  
obj.printInfo(); 
</script>

Sortie :

Vineet
20

Description : Il s'agit d'une combinaison des deux premières méthodes, nous regroupons la méthode et les paramètres dans une fonction mais ne la déclarons pas séparée fonctions (comme copyClass dans la méthode 1), mais déclarez simplement un objet en utilisant la structure de fonction.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!