Déclarer une variable static

Version imprimable

Bonjour,

J'ai du mal à comprendre comment faire une variable static.
J'ai essayer:
Code:

1 2 3 4 $('#bouton').click(function(){ Test.setTest("test"); alert(Test.getTest); });
Code:

1 2 3 4 5 class Test{ Test.ok =""; static get getTest(){ return Test.ok; } static set setTest(data){ Test.ok = data; } }
Ca ne marche pas.
Une idée?

Citation:

Envoyé par Pecose

Une idée?

Mon idée serait celle-ci pour l'instant :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
class Test {    
 
    static get ok() {
        return this._ok;
    }
    static set ok(data) {
        this._ok = data;
    }
}
Test.ok = "test";
console.log(Test.ok); 
alert(Test.ok);

13/05/2019, 20h35
Pecose
Merci Beginner.
Du coup j'ai une autre question.
J'ai fait ça:
Code:

1 2 3 class Test{} Test.ko = "Language de mer et des poissons"; alert(Test.ko);
Ca marche...
Alors à quoi servent les getters et les setters dans ce language?

:salut:

Ne confondez pas une class avec un object de cette class.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
window.addEventListener('load', ev => {
    // le DOM est construit et la page web est visible
 
    // début code du test
 
    class Test {
        constructor(p1) {
            this.ok = String(p1) || "agir";
            Test.action = this.ok;
        }
 
        // un get/set ajoute un nouvelle propriété qui doit être nomée
 
        static get action() {
            return this.ok;
        }
        static set action(value) {
            this.ok = String(value);
        }
    }
 
    Test.ko = "Language de mer et des poissons";
 
    // ne confondez pas une class avec un object de cette class
 
    let oMonTest = new Test('parcourir');
 
    console.log(`ok = ${ oMonTest.ok }`); // parcourir
    console.log(`Test.action = ${ Test.action }`); // parcourir
 
    console.log(`ko = ${ oMonTest.ko }`); // undefined ! n'existe pas dans l'objet.
 
 
    // fin code du test
 
}, {
    capture: false,
    passive: true,
    once: false
});

13/05/2019, 23h46
Beginner.

Citation:

Envoyé par Pecose

Ca marche...
Alors à quoi servent les getters et les setters dans ce language?

Oui effectivement les deux manières fonctionnent et c'est vrai que dans ce cas simple on ne voit pas trop l’intérêt d'utiliser des getters/setters... Mais il y a bien une différence dans un cas on a une simple affectation et dans l'autre on a une fonction qui est exécutée.

C'est-à-dire dans ton exemple quand on fait Test.ko = "Language de mer et des poissons"; on a une simple affectation et dans l'autre cas la fonction set ok sera exécutée... Alors si cette fonction ne fait que retournée une valeur alors il n'y a pas beaucoup d’intérêt (pas beaucoup de différence avec une simple affectation)...

Maintenant supposons que tu veuilles qu'il y ait plus qu'une simple affectation, tu veux qu'à chaque fois un traitement particulier soit effectuer alors tu pourras ajouter ce traitement dans la fonction set ok...

Exemple tout bête : si tu voulais que seuls les 11 premiers caractères de la chaine soit affectés à la propriété ok eh bien tu pourrais ajouter cette fonctionnalité dans la fonction...

Les getters/setters cela permet de protéger les données contre un éventuel mauvais usage qu'on pourrait en faire, d'une manière générale tu peux vouloir empêcher qu'on affecte n'importe quoi n'importe comment quelque chose à ta propriété ce qui pourrait provoquer un dysfonctionnent (un fonctionnement non voulu).

D'autres membres donneront peut-être une meilleure explication...
13/05/2019, 23h51
Pecose
D'accord, merci danielhagnoul,

Je comprend bien que du fait que tu appel une valeur qui appartient uniquement à la classe, depuis l'objet, ça pose un petit problème.
Mais je ne comprend pas très bien en quoi cela démontre que les setters et getters sont utiles.
Je suis peut être pas très clair alors voila un autre exemple:
Code:

1 2 3 4 5 6 7 8 class Test{ static get ko(){ return this.ok; } static set ko(data){ this.ok = data; } } var test = new Test(); test.ko = "ko"; test.ok = "ok"; alert(test.ko + test.ok)
Dans ce code tout fonctionne.
Dans ce cas, pourquoi je m'embête à faire des get/set.
C'est même pas utile visuellement. Si il fallait écrire : "test.getOK();" pour que ca fonctionne, là ok, puisque ca se voit.
Mais là c'est quoi l’intérêt?
14/05/2019, 00h14
Beginner.

Citation:

Envoyé par Pecose

Dans ce code tout fonctionne.
Dans ce cas, pourquoi je m'embête à faire des get/set.

J'ai donné une petite explication dans mon message précédent...

Et pour ton nouvel exemple il faut faire attention au fait que test.ko et Test.ko sont deux propriétés différentes...
14/05/2019, 11h30
danielhagnoul

Dans un exemple simpliste, il n'y a pas de différence entre une propriété classique et une propriété générée par un get/set. Mais n'oubliez pas que le get et le set peuvent contenir un code JS aussi complexe que souhaiter.
14/05/2019, 11h49
Pecose

Citation:

Envoyé par Beginner.

J'ai donné une petite explication dans mon message précédent...

Merci Beginner. je n'avais pas vu ton message.

Citation:

Envoyé par Beginner.

Maintenant supposons que tu veuilles qu'il y ait plus qu'une simple affectation, tu veux qu'à chaque fois un traitement particulier soit effectuer alors tu pourras ajouter ce traitement dans la fonction set ok...

Ok mais dans ce cas c'est peut être pas très lisible d'utiliser un set plutôt qu'une méthode lambda.
Par contre, ca donne accès à un genre de mini polymorphisme qui j'en suis sur génère un maximum de confusion et d’erreurs.
Bon après de mon point de vu de débutant un peu vénère, n'importe quoi dans ce langage génère un maximum de confusion et d’erreurs. :D

En tout cas merci beaucoup pour vos explications.