Définir des objets en mode usine javascript_Connaissances de base

Chaque objet fonction a un attribut de longueur, indiquant le nombre de paramètres que la fonction s'attend à recevoir.

Copier le code Le code est le suivant : var ajouter =fonction(num1,num2,num3){ alerte(num1 num2 num3); } alert(ajouter.longueur);

À propos de la méthode de création orientée objet de js,

Cible :

Construisez un objet de commande. Contient trois attributs : date, montant, émetteur Contient une méthode : chaîne d'affichage : "XX a soumis une commande d'un montant de XXXX yuans à XXXX-XX-XX"

1 méthode d'usine

Copier le code

Le code est le suivant :

/* Méthode Factory : renvoie les objets à l'aide de méthodes. Il n'est pas nécessaire de générer de nouveaux objets via new lors de leur utilisation. */ function createOrder()//Vous pouvez également créer une méthode d'usine avec des paramètres et initialiser les données de l'objet en fonction des paramètres transmis. { var order = new Object(); Commande.Date = "1990-1-1"; Commande.Prix = "3200"; Order.Name = "Vince Keny"; order.Show = function()//Mettez la méthode show dans l'usine et créez une méthode Show pour chaque instance. Le gaspillage de ressources est l'inconvénient de ce modèle. alert(this.Name " a soumis une commande avec une limite de " this.Price " yuans le " this.Date ".") ordre de retour ; } //Utiliser le mode usine pour renvoyer des objets : var order = createOrder(); // Vous pouvez également l'utiliser de cette façon, en changeant le modèle d'usine en un "pseudo constructeur". Étant donné que new est utilisé dans l'usine, l'opérateur new lors de la création d'un objet sera ignoré . var order2 = new createOrder(); Commande.Show(); Commande2.Show();

2 Méthode constructeur

Copier le code Le code est le suivant :

/* Dans la méthode constructeur, la déclaration de méthode est la même que la méthode factory, et il y a les mêmes problèmes, qui peuvent également être extraits. La différence est que lors de la déclaration des attributs, utilisez this . Et vous devez utiliser l'opérateur new pour générer une instance. */ fonction Ordre() { This.Date = "1990-1-1"; Ce.Prix = "3200"; This.Name = "Vince Keny"; This.Show = function() { alert(this.Name " a soumis une commande d'un montant de " this.Price " yuans le " this.Date ".") } >

var commande = nouvelle commande(); order.Show(); Trois méthodes prototypes

Copier le code Le code est le suivant : /* Méthode prototype : utiliser prototype */ fonction Ordre() {}

Commande.prototype.Date = "1990-1-1"; Commande.prototype.Price = "3200"; Order.prototype.Name = "Vince Keny"; Order.prototype.Show = function() { alert(this.Name " a soumis une commande d'un montant de " this.Price " yuans le " this.Date ".") > var commande = nouvelle commande(); order.Show(); Quatre méthodes mixtes constructeur/prototype

Copier le code Le code est le suivant : /* Méthode mixte constructeur/prototype : utilisez la méthode constructeur pour initialiser les champs d'attribut et utilisez la méthode prototype pour construire des méthodes. */ fonction Ordre() { This.Date = "1990-1-1"; Ce.Prix = "3200"; This.Name = "Vince Keny"; > Order.prototype.Show = function(). { alert(this.Name " a soumis une commande d'un montant de " this.Price " yuans le " this.Date ".") > var commande = nouvelle commande(); order.Show(); Cinq méthodes de mixage dynamique

Copier le code Le code est le suivant : /* Méthode hybride dynamique : La différence avec la méthode hybride est la position où la méthode est déclarée. La vie de la méthode est placée à l'intérieur du constructeur, ce qui est plus conforme à l'orientation objet. */ fonction Ordre() { This.Date = "1990-1-1"; Ce.Prix = "3200"; This.Name = "Vince Keny"; If(typeof Order._initialized == "undefined") { Order.prototype.Show = function(). alert(this.Name " a soumis une commande avec une limite de " this.Price " yuans le " this.Date ".") } ; Order._initialized = true; > >

fonction Voiture(sColor,iDoors){ var oTempCar = nouvel objet ; oTempCar.color = sColor; oTempCar.doors = iDooes; oTempCar.showColor = fonction (){ alerte(this.color) }; retourner oTempCar ; > var oCar1 = nouvelle voiture("rouge",4); var oCar2 = nouvelle voiture("bleu",3); oCar1.showColor(); //sortie "rouge" oCar2.showColor(); //sortie "bleu"