Tutoriel de programmation orientée objet JavaScript-js tutoriel-php.cn

Tutoriel de programmation orientée objet JavaScript

PHPz

Libérer： 2018-09-28 15:25:38

original

1730 Les gens l'ont consulté

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(&#39;Hello World!&#39;);
}

Copier après la connexion

mais le plus souvent, il s'agit d'utiliser la méthode suivante

var person = {
sex:man,
name:&#39;bluce&#39;,
age:&#39;58&#39;,
sayHi:function(){
console.log(&#39;Hello World!&#39;);
}
}

Copier après la connexion

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

J'ai déjà utilisé ce modèle de conception dans DAO en Java, et il est relativement facile à comprendre.

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");

Copier après la connexion

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 !