Comment faire pour créer un objet de base en javascript pour HTML5 et CSS3 programmation

category Ordinateurs et logiciels / Programmation / Javascript

javascript rend trivialement facile de construire un objet pour HTML5 et CSS3 programmation. Parce que une variable peut contenir toute valeur, vous pouvez simplement commencer à traiter une variable comme un objet et il devient un.

image0.jpg

Jetez un oeil sur le code suivant:

 // // basicObject.html de créer la créature créature var = new Object () - // ajouter certaines propriétés critter.name = "Milo" - critter.age = 5- // afficher les valeurs de propriété d'alerte ("le nom de la créature est "+ critter.name) -

La façon dont cela fonctionne est pas difficile à suivre:

  1. Créer un nouveau Objet.




    javascript a un objet intégré appelé Objet. Faire une variable avec le nouveau Objet() la syntaxe, et vous vous construisez une, nouvel objet norme brillant.

  2. Ajouter des propriétés à l'objet.

    Une propriété est une subvariable. Il n'y a rien de plus une variable associée à un objet spécifique. Lorsque vous attribuez une valeur à critter.name, Par exemple, vous êtes en précisant que créature a une propriété appelée nom et vous êtes également en lui donnant une valeur de départ.

  3. Un objet peut avoir un certain nombre de propriétés.

    Il suffit de garder l'ajout de propriétés. Cela vous permet de regrouper un certain nombre de variables dans un objet plus grand.

  4. Chaque propriété peut contenir tout type de données.

    Contrairement tableaux où il est commun pour tous les éléments pour contiennent exactement le même type de données, chaque propriété peut avoir un type différent.

  5. Utilisez la syntaxe à point pour afficher ou modifier une propriété.

    Si le créature objet a une propriété de nom, vous pouvez utiliser critter.name en tant que variable. Comme d'autres variables, vous pouvez modifier la valeur en lui attribuant une nouvelle valeur à critter.name ou vous pouvez lire le contenu de la propriété.

Si vous êtes habitué à un langage orienté objet plus stricte, comme Java, vous trouverez l'attitude facile à vivre de javascript tout à fait étrange et peut-être un peu bâclée. Autres langues ont beaucoup plus de règles sur la façon dont les objets sont fabriqués et utilisés, mais l'approche de javascript a ses charmes. Ne soyez pas trop ligoté dans les différences. La façon javascript gère les objets est puissant et rafraîchissant.

Articles Similaires

A propos Auteur
JavaFX: créer des propriétés plus efficacement JavaFX: créer des propriétés plus efficacement

Les fonctionnalités avancées de propriétés JavaFX ne sont pas sans un coût. Plus précisément, l'instanciation d'un objet de propriété prend plus de mémoire et le temps de traitement que de créer une propriété en fonction du…

Comment ajouter des méthodes à un objet en javascript pour HTML5 et CSS3 programmation Comment ajouter des méthodes à un objet en javascript pour HTML5 et CSS3 programmation

Objets en javascript ont d'autres caractéristiques en plus de propriétés. Ils peuvent aussi avoir méthodes. Une méthode est simplement une fonction fixée à un objet. Pour voir ce que cela signifie, jetez un oeil à cet exemple: // créer…

Comment faire pour créer une zone de liste de sélection multiple en javascript pour HTML5 et CSS3 programmation Comment faire pour créer une zone de liste de sélection multiple en javascript pour HTML5 et CSS3 programmation

Vous pouvez utiliser le javascript sélectionner objet dans un moyen puissant pour vos besoins de programmation HTML5 et CSS3. Pour rendre le travail de sélection multiple, vous avez à faire quelques changements à la fois le HTML et le code…

Comment créer des objets en javascript Comment créer des objets en javascript

javascript a un type de données appelé objet. javascript objets encapsuler les données et les fonctionnalités des composants réutilisables. Vous trouverez peut-être que la création d'un objet est la prochaine étape logique dans…

Comment faire pour récupérer et définir les propriétés d'objets à code avec javascript Comment faire pour récupérer et définir les propriétés d'objets à code avec javascript

Après avoir créé un objet et de définir ses propriétés en javascript, vous voulez être en mesure de récupérer et de modifier ces propriétés. Les deux façons d'accéder à des propriétés des objets sont en utilisant la notation…

Comment utiliser la notation javascript objet (JSON) pour HTML5 et CSS3 programmation Comment utiliser la notation javascript objet (JSON) pour HTML5 et CSS3 programmation

javascript objets et les tableaux sont incroyablement flexible pour HTM5 et CSS3 programmation. En fait, ils sont si bien connus pour leur puissance et la facilité d'utilisation que d'un format de données spécial appelé javascript…

Comment utiliser les méthodes de chaînes de javascript pour manipuler le texte pour la programmation HTML5 et CSS3 Comment utiliser les méthodes de chaînes de javascript pour manipuler le texte pour la programmation HTML5 et CSS3

La longueur la propriété est plutôt cool, mais l'objet de chaîne a beaucoup plus dans sa manche. Objets possèdent également des méthodes. Cordes en javascript ont toutes sortes de méthodes (les choses qu'ils peuvent faire). Voici…

Travailler avec javascript objets Travailler avec javascript objets

En plus des types de données de base (chaîne, nombre, et booléens), opérandes en javascript peuvent également être du type d'objet. Objets javascript peuvent avoir propriétés (choses qui les décrivent) et méthodes (choses qu'ils…

Travailler avec l'héritage de coder avec javascript Travailler avec l'héritage de coder avec javascript

Lorsque vous créez des objets avec javascript, vous n'êtes pas seulement limité à la création d'objets spécifiques, tels que votre guitare, votre voiture, votre chat ou votre sandwich. La vraie beauté des objets est que vous pouvez les…

Travailler avec des méthodes à code avec javascript Travailler avec des méthodes à code avec javascript

Les méthodes sont des propriétés avec des fonctions pour leurs valeurs. En javascript, vous définissez une méthode de la même façon que vous définissez une fonction quelconque. La seule différence est que le procédé est assigné à…

Travailler avec les teneurs en éléments de code avec javascript Travailler avec les teneurs en éléments de code avec javascript

En javascript, vous pouvez afficher les types de nœuds et les valeurs de nœud en utilisant le DOM HTML. Vous pouvez également définir les valeurs des propriétés d'éléments dans le DOM en utilisant la Élément objet. Lorsque vous…

Comment construire un objet en PHP avec la programmation orientée objet Comment construire un objet en PHP avec la programmation orientée objet

Les mécanismes de PHP pour programmation orientée objet (POO) sont importantes pour apprendre parce que la plupart des bibliothèques avancées que vous êtes susceptibles d'utiliser sont orienté objet, et parce que correctement mis en œuvre POO…

Comment utiliser l'héritage en php avec la programmation orientée objet Comment utiliser l'héritage en php avec la programmation orientée objet

La programmation orientée objet en PHP a une autre caractéristique qui le rend très utile pour les grands projets. De nombreux objets sont liés les uns aux autres, et vous pouvez utiliser une relation d'arbre généalogique pour vous simplifier…

javascript termes d'objets javascript termes d'objets

javascript est un langage orienté objet. Pour comprendre comment interagir avec le modèle objet de document que vous travaillez avec en javascript, vous devez comprendre certains termes de base liées à l'objet. Le tableau suivant…

» » » » Comment faire pour créer un objet de base en javascript pour HTML5 et CSS3 programmation