Comment JavaScript crée-t-il des objets ? Méthodes d'instanciation d'objets

Le contenu de cet article est de présenter comment créer des objets en JavaScript, afin que chacun puisse comprendre les trois méthodes de création et d'instanciation d'objets avec js. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

En termes de syntaxe, JavaScript est un langage flexible orienté objet. Avant d'aborder les différentes manières dont JavaScript crée et instancie des objets, nous devons noter que JavaScript est un langage sans classe et que les fonctions sont utilisées de manière à simuler une classe. [Tutoriels vidéo associés recommandés : Tutoriel JavaScript]

Utiliser des fonctions en tant que classes :

This is One des moyens les plus simples de créer et d'instancier des objets en JavaScript. Nous définissons une fonction JavaScript classique et utilisons le mot-clé new pour créer un objet de la fonction ; puis utilisons le mot-clé this pour créer les propriétés et méthodes de la fonction.

<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>

Résultats en cours d'exécution :

Explication : La classe

comporte deux composants principaux Partiel : paramètres spécifiques et quelques fonctions membres. Dans cette méthode, nous déclarons une fonction de type classe qui prend deux paramètres, name et age (ce mot-clé est utilisé pour distinguer le nom et l'âge de la classe du nom et de l'âge des paramètres fournis et une méthode printInfo pour l'impression) ; les valeurs de ces paramètres. Nous créons ensuite simplement un objet copyClass obj, l'initialisons et appelons ses méthodes.

Utiliser des littéraux d'objet :

Le littéral est une manière plus petite et plus simple de définir des objets.

Ci-dessous, nous utilisons le texte de l'objet pour créer et 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 = "小明"; 
obj.age = 19; 
  
// 使用对象的方法
obj.printInfo(); 
</script>

Résultat d'exécution :

Explication :

Cette méthode est la même que les méthodes précédentes fonctionnent en fait de la même manière, mais au lieu de lier les paramètres (nom et âge) et les méthodes (printInfo) à l'intérieur de la fonction, ils sont liés à l'objet lui-même, et vous pouvez initialiser l'objet et simplement utiliser les méthodes.

Utiliser un singleton d'une fonction :

La troisième voie est une combinaison des deux autres voies que nous avons déjà vues. Nous pouvons utiliser des fonctions pour définir des objets individuels.

<script> 
// 创建单个对象
var obj = new function() { 
        this.name = ""; 
        this.age = ""; 
        this.printInfo = function() { 
            console.log(this.name); 
            console.log(this.age); 
   }; 
} 
  
// 初始化对象
obj.name = "小明"; 
obj.age = 20; 
  
// 对象的调用方法
obj.printInfo(); 
</script>

Résultat d'exécution :

Explication :

Il s'agit d'une combinaison des deux premières méthodes , Nous lions la méthode et les paramètres dans la fonction mais ne déclarons pas de fonction distincte pour celle-ci (comme copyClass dans la méthode 1). Au lieu de cela, nous déclarons simplement un objet en utilisant la structure de fonction.

Résumé : Ce qui précède représente l'intégralité du contenu de cet article, j'espère qu'il sera utile à l'étude de chacun.

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!