Maison >interface Web >js tutoriel >Tutoriel de programmation orientée objet JavaScript
La définition d'un objet en JavaScript est : une collection d'attributs non ordonnés, dont les attributs peuvent inclure des valeurs de base, des objets ou des fonctions. Vous pouvez considérer un objet comme une table de hachage, qui est un ensemble de paires nom-valeur (clé: valeur), où la valeur peut être une donnée ou une fonction. Chaque objet est créé en fonction d'un type de référence.
Comprendre les objets
Dans le blog précédent, j'ai écrit qu'il existe deux façons de créer des objets, l'une consiste à créer une instance d'objet , et l'autre consiste à créer une instance d'objet. L'une consiste à utiliser la méthode littérale d'objet :
var person = new Object(); person.sex = man; person.name = bluce person.age = 58; person.sayHi() = function(){ console.log('Hello World!'); }
mais le plus souvent, il s'agit d'utiliser la méthode suivante
var person = { sex:man, name:'bluce', age:'58', sayHi:function(){ console.log('Hello World!'); } }
pour créer des objets
Un seul objet peut être créé en utilisant à la fois le constructeur Object et la méthode littérale d'objet, mais il existe des inconvénients évidents : créer de nombreux objets en utilisant la même interface produire beaucoup de code en double. Les méthodes couramment utilisées pour créer des objets incluent le modèle d'usine, le modèle de constructeur et le modèle de prototype. J'ai une question ici : après avoir adopté la spécification AMD, un seul fichier js écrit peut être considéré comme un module, ou une "classe". Maintenant, il est quelque peu différent du concept de "classe" en JavaScript. . Je suis confus, j'espère pouvoir clarifier les scénarios d'application plus tard. L'éditeur vous présentera ici le tutoriel de programmation orientée objet JavaScript. J'espère qu'il vous sera utile !Permettez-moi de vous ajouter la conception orientée objet JavaScript - modèle d'usine
Le modèle d'usine est un modèle de conception bien connu dans le domaine du génie logiciel. résume la création d'objets concrets. Les procédures peuvent utiliser des fonctions pour encapsuler les détails de la création d'objets avec des interfaces spécifiques.function createPerson(name,age,sex){ var obj = new Object(); obj.name = name; obj.age = age; obj.sex = sex; obj.sayHi() = function(){ console.log(this.name); }; //引号不要漏掉,养成好的习惯 return obj; } var person1 = createPerson("bluce",58,"man"); var person2 = createPerson("john",68,"man");Utilisez cette fonction pour créer un objet Personne contenant les informations nécessaires en fonction des paramètres reçus. Cette fonction peut être appelée un nombre illimité de fois, renvoyant à chaque fois un objet contenant trois propriétés et une méthode. Le modèle d'usine résout le problème de la création de plusieurs objets similaires, mais ne résout pas le problème de la reconnaissance des objets (comment connaître le type d'un objet). Ce qui précède représente l'intégralité du contenu de ce chapitre. Pour plus de didacticiels connexes, veuillez visiter le
Tutoriel vidéo JavaScript !