est un langage de programmation orienté objet. Les objets forment les blocs de construction qui sont considérés comme le type de données le plus importantpour le langage de programmation. Cet article fournira des connaissances approfondies sur les objets JavaScript, comment ils sont créés et définis dans l'ordre suivant:
Objet JavaScript
les objets sont similaires aux objets de la vie réelle qui se composent de différents attributs et propriétés. Ces objets sont définis comme une collection non ordonnée de données associées, qui sont de types primitifs ou de référence. Celles-ci sont définies sous la forme de paires «clé: valeur».
Ces clés sont des variables ou les fonctions qui sont appelés comme propriétés et méthodes d'un objet. Vous pouvez créer un objet JavaScript comme:
let ObjectName = {Property1: 'Value', Property2: 'Value', ... ...}
Comment créer un nouvel objet?
Il existe 3 façons de créer un nouvel objet:
- Par objet littéral
Syntaxe:
object = {propriété1: valeur1, propriété2: valeur2 ..... propriétéN: valeurN}
Exemple:
employé = {id: 700, nom: 'Evan', salaire: 30000} document.write (employ.id + '' + nom.employé + '' + employé.salaire)
Production:
700 Evan 30000
- En créant une instance d'objet
Syntaxe:
var nom_objet = nouvel objet ()
Exemple:
var emp = nouvel objet () emp.id = 701 emp.name = 'Karan' emp.salary = 40000 document.write (emp.id + '' + emp.name + '' + emp.salary)
Production:
701 Karan 40000
- En utilisant un constructeur d'objets
Une fonction est créée avec des arguments. Chaque valeur d'argument peut être affectée dans l'objet courant en utilisant cette mot-clé.
Exemple:
fonction employé (id, nom, salaire) {this.id = id this.name = nom this.salary = salaire} emp = nouvel employé (702, 'Neha', 35000) document.write (emp.id + '' + emp .name + '' + emp.salaire)
Production:
702 Neha 35000
Propriétés
À propriété d'un objet est un variable qui est attaché à l'objet. Ils sont fondamentalement les mêmes que les variables JavaScript, à l'exception de l'attachement aux objets.
Les propriétés d'un objet définissent les caractéristiques de l'objet. Vous pouvez accéder aux propriétés d'un objet avec une simple notation par points telle que:
objectName.propertyName
Vous pouvez définir une propriété en lui attribuant une valeur. Par exemple, créons un objet nommé Voiture et donnez-lui des propriétés comme entreprise, modèle , et Couleur . Il peut être défini comme:
var Car = new Object () Car.company = 'Ford' Car.model = 'Mustang' Car.color = 'Rouge'
Méthodes
À méthode est un fonction associé à un objet. C'est aussi une propriété d'un objet. Les méthodes sont définies comme des fonctions normales, mais elles doivent être affectées propriété d'un objet.
La méthode objet est accessible comme suit:
objectName.methodName ()
Exemple:
var person = {firstName: 'Tessa', lastName: 'Den', empid: 7100, fullName: function () {return this.firstName + '' + this.lastName}}
Production:
Tessa Den
Certaines des méthodes intégrées couramment utilisées sont:
Méthodes | La description |
Object.assign () | Il est utilisé pour copier des propriétés énumérables et propres d'un objet source vers un objet cible |
Object.create () | Il est utilisé pour créer un nouvel objet avec l'objet prototype et les propriétés spécifiés |
Object.defineProperty () | Il est utilisé pour définir les attributs comportementaux de la propriété |
Object.entries () | Il renvoie un tableau avec les paires clé / valeur |
Object.freeze () | Il empêche les propriétés existantes d'être supprimées |
Accesseurs
Les accesseurs JavaScript se composent de Getters et Setters qui sont utilisés pour définir les accesseurs d'objet.
- Le mot-clé Get
Prenons un exemple et voyons comment Getters être habitué avoir toute valeur de la propriété:
var person = {firstName: 'Daisy', lastName: 'Green', empid: 401, get id () {return this.empid}} document.getElementById ('demo'). innerHTML = person.id
Production:
401
- Le mot-clé d'ensemble
Prenons un exemple et voyons comment Setters être habitué ensemble toute valeur de la propriété:
var person = {firstName: 'Daisy', lastName: 'Green', empid: 00, set id (value) {this.empid = value}} person.id = 401 document.getElementById ('demo'). innerHTML = personne .empid
Production:
401
Prototypes
Tous les objets JavaScript héritent des propriétés et des méthodes d'un prototype. Par exemple:
- Date objets héritent de Date.prototype
- Tableau objets héritent de Array.prototype
- La personne objets héritent de Personne.prototype
Le JavaScript prototype property est utilisée pour ajouter de nouvelles propriétés aux constructeurs d'objets.
Exemple:
function Person (first, last, id, age) {this.firstName = first this.lastName = last this.empid = id this.age = age} Person.prototype.nationality = 'Indian'
La propriété prototype vous permet également d'ajouter de nouvelles méthodes aux constructeurs d'objets.
Exemple:
function Person (first, last, id, age) {// Ajout de méthodes aux constructeurs this.firstName = first this.lastName = last this.empid = id this.age = age} Person.prototype.name = function () {return this.firstName + '' + this.lastName}
Vous pouvez modifier vos propres prototypes mais ne jamais modifier les prototypes d'objets JavaScript standard.
Avec cela, nous sommes arrivés à la fin de notre article. J'espère que vous avez compris les objets JavaScript et les différentes méthodes pour les définir.
Maintenant que vous connaissez les objets JavaScript, consultez le par Edureka. La formation de certification en développement Web vous aidera à apprendre à créer des sites Web impressionnants à l'aide des API HTML5, CSS3, Twitter Bootstrap 3, jQuery et Google et à les déployer sur Amazon Simple Storage Service (S3).
Vous avez une question pour nous? Veuillez le mentionner dans la section commentaires de «JavaScript Object» et nous vous répondrons.
différence entre bigdata et hadoop