Discussion :

[Pecose]

Bonjour,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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?

[Beginner.]

Une idée?

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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);

[Pecose]

Merci Beginner.
Du coup j'ai une autre question.
J'ai fait ça:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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?

[danielhagnoul]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
});

[Beginner.]

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...

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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?

[Beginner.]

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...

[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.

[Pecose]

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

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

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.

En tout cas merci beaucoup pour vos explications.