H T M L C S S J A V A S C R I P T S Q L P Y T H O N J A V A P H P C O M M E N T W 3 . C S S C C + + C # A M O R C E R R É A G I R M Y S Q L J Q U E R Y E X C E L L E R X M L D J A N G O N U M P Y P A N D A S N O D E J S R .

M A N U S C R I T A N G U L A I R E G I T P o s t g r e S Q L M O N G O D B A S P I C I A A L L E R K O T L I N T O U P E T V U E D S A G É N É R A T I O N I A S C I P Y A W S L A C Y B E R - S É C U R I T É S C I E N C E S D E S D O N N É E S

Constructeurs d'objets JavaScript

❮ PrécédentSuivant ❯

Exemple
function Person(first, last, age, eye) {
this.firstName = first;
this.lastName = last;
this.age = age;
this.eyeColor = eye;
}

Essayez-le vous-même »

Remarques
Il est considéré comme une bonne pratique de nommer les fonctions du
constructeur avec une première lettre majuscule.

À propos de ça
Dans un constructeur, la fonction thisn'a pas de valeur. C'est un substitut au
nouvel objet. La valeur de thisdeviendra le nouvel objet lorsqu'un nouvel objet
sera créé.

Voir également:
Le tutoriel JavaScript ce

Types d'objets (plans) (classes)

Les exemples des chapitres précédents sont limités. Ils ne créent que des
objets uniques.

Parfois, nous avons besoin d'un « plan » pour créer de nombreux objets du
même « type ».
La façon de créer un "type d'objet" consiste à utiliser une fonction
constructeur d'objet .

Dans l'exemple ci-dessus, function Person()est une fonction constructeur d'objet.

Les objets du même type sont créés en appelant la fonction constructeur

avec le newmot-clé :

const myFather = new Person("John", "Doe", 50, "blue");

const myMother = new Person("Sally", "Rally", 48, "green");

Essayez-le vous-même »

PUBLICITÉ

Qu'est-ce que c'est ?

En JavaScript, le thismot-clé fait référence à un objet .

Quel objet dépend de la manière dont thisil est invoqué (utilisé ou appelé).

Le thismot-clé fait référence à différents objets selon la manière dont il est

utilisé :

Dans une méthode objet, thisfait référence à

l' objet .

Seul, thisfait référence à l' objet global .

Dans une fonction, thisfait référence à l' objet

global .

Dans une fonction, en mode

strict, thisvaut undefined.
 Dans un événement, thisfait référence à
l' élément qui a reçu l'événement.

Des méthodes telles

que call(), apply()et bind()peuvent faire
référence thisà n'importe quel objet .

Note
thisn'est pas une variable. C'est un mot clé. Vous ne pouvez pas modifier la
valeur de this.

Voir également:
Le tutoriel JavaScript ce

Ajout d'une propriété à un objet

Ajouter une nouvelle propriété à un objet existant est simple :

Exemple
myFather.nationality = "English";

Essayez-le vous-même »

La propriété sera ajoutée à myFather. Pas à ma mère. (Aucune autre

personne ne s’y oppose).

Ajout d'une méthode à un objet

Ajouter une nouvelle méthode à un objet existant est simple :
Exemple
myFather.name = function () {
return this.firstName + " " + this.lastName;
};

Essayez-le vous-même »

La méthode sera ajoutée à myFather. Pas à ma mère. (Aucune autre

personne ne s’y oppose).

Ajout d'une propriété à un constructeur

Vous ne pouvez pas ajouter une nouvelle propriété à un constructeur d'objet
de la même manière que vous ajoutez une nouvelle propriété à un objet
existant :

Exemple
Person.nationality = "English";

Essayez-le vous-même »

Pour ajouter une nouvelle propriété à un constructeur, vous devez l'ajouter à

la fonction constructeur :

Exemple
function Person(first, last, age, eyecolor) {
this.firstName = first;
this.lastName = last;
this.age = age;
this.eyeColor = eyecolor;
this.nationality = "English";
}

Essayez-le vous-même »

De cette façon, les propriétés des objets peuvent avoir des valeurs par
défaut.
Ajout d'une méthode à un constructeur
Votre fonction constructeur peut également définir des méthodes :

Exemple
function Person(first, last, age, eyecolor) {
this.firstName = first;
this.lastName = last;
this.age = age;
this.eyeColor = eyecolor;
this.name = function() {
return this.firstName + " " + this.lastName;
};
}

Essayez-le vous-même »

You cannot add a new method to an object constructor the same way you
add a new method to an existing object.

Adding methods to an object constructor must be done inside the constructor

function:

Example
function Person(firstName, lastName, age, eyeColor) {
this.firstName = firstName;
this.lastName = lastName;
this.age = age;
this.eyeColor = eyeColor;
this.changeName = function (name) {
this.lastName = name;
};
}

The changeName() function assigns the value of name to the person's

lastName property.

Now You Can Try:

myMother.changeName("Doe");

Try it Yourself »

JavaScript knows which person you are talking about by

"substituting" this with myMother.
Built-in JavaScript Constructors
JavaScript has built-in constructors for native objects:

new String() // A new String object

new Number() // A new Number object
new Boolean() // A new Boolean object
new Object() // A new Object object
new Array() // A new Array object
new RegExp() // A new RegExp object
new Function() // A new Function object
new Date() // A new Date object

Try it Yourself »

The Math() object is not in the list. Math is a global object. The new keyword
cannot be used on Math.

Did You Know?

As you can see above, JavaScript has object versions of the primitive data
types String, Number, and Boolean. But there is no reason to create complex
objects. Primitive values are much faster:

Use string literals "" instead of new String().

Use number literals 50 instead of new Number().

Use boolean literals true / false instead of new Boolean().

Use object literals {} instead of new Object().

Use array literals [] instead of new Array().

Use pattern literals /()/ instead of new RegExp().

Use function expressions () {} instead of new Function().

Example
let x1 = ""; // new primitive string
let x2 = 0; // new primitive number
let x3 = false; // new primitive boolean
const x4 = {}; // new Object object
const x5 = []; // new Array object
const x6 = /()/ // new RegExp object
const x7 = function(){}; // new function

Try it Yourself »

String Objects
Normally, strings are created as primitives: firstName = "John"

But strings can also be created as objects using the new keyword:
firstName = new String("John")

Learn why strings should not be created as object in the chapter JS Strings.

Number Objects
Normally, numbers are created as primitives: x = 30

But numbers can also be created as objects using the new keyword:
x = new Number(30)

Learn why numbers should not be created as object in the chapter JS

Numbers.

Boolean Objects
Normally, booleans are created as primitives: x = false

But booleans can also be created as objects using the new keyword:
x = new Boolean(false)

Learn why booleans should not be created as object in the chapter JS

Booleans.
❮ PreviousNext ❯

ADVERTISEMENT

COLOR PICKER

ADVERTISEMENT

SPACES
UPGRADE
AD-FREE
NEWSLETTER
GET CERTIFIED
CONTACT US

Top Tutorials
HTML Tutorial
CSS Tutorial
 JavaScript Tutorial
How To Tutorial
SQL Tutorial
Python Tutorial
W3.CSS Tutorial
Bootstrap Tutorial
PHP Tutorial
Java Tutorial
C++ Tutorial
jQuery Tutorial

Top References
HTML Reference
CSS Reference
JavaScript Reference
SQL Reference
Python Reference
W3.CSS Reference
Bootstrap Reference
PHP Reference
HTML Colors
Java Reference
Angular Reference
jQuery Reference

Top Examples
Exemples HTML Exemples
CSS Exemples
JavaScript Exemples
pratiques Exemples
SQL
Exemples Python Exemples
W3.CSS Exemples
d'amorçage Exemples
PHP Exemples
Java Exemples
XML Exemples
jQuery
 Obtenir une certification
Certificat HTML Certificat
CSS Certificat
JavaScript Certificat
Front End Certificat
SQL Certificat
Python Certificat
PHP Certificat
jQuery Certificat
Java Certificat
C++ Certificat
C# Certificat
XML


FORUM SUR LA SALLE DE CLASSE
W3Schools est optimisé pour l'apprentissage et la formation. Les exemples pourraient être
simplifiés pour améliorer la lecture et l’apprentissage. Les didacticiels, références et exemples sont
constamment révisés pour éviter les erreurs, mais nous ne pouvons garantir l'exactitude totale de
tout le contenu. En utilisant W3Schools, vous acceptez d'avoir lu et accepté nos conditions
d'utilisation , nos cookies et notre politique de confidentialité .

Copyright 1999-2024 par Refsnes Data. Tous droits réservés. W3Schools est propulsé par
W3.CSS .