Nachhilfe in ObjectKunde gesucht

[keul3]

Hi,

da bin ich wieder
Bin gerad dabei meinen Code aufzuräumen, und möchte dazu Klassen-ähnliche Objekte erstellen. Hier mal ein Beispiel:

function MyClass()
            {
                this.myNumber = 42;
           
                function constructor()
                {
                    console.log(this.myNumber) //undefined
                }

                constructor();
            }
            var myObject = new MyClass();
            console.log(myObject.myNumber); //42

Wenn ich das jetzt richtig verstanden hab, stellt man mit this vars und functions quasi auf public. Das klappt soweit auch ganz gut. Das Problem ist jetzt, dass ich innerhalb der "Klasse" nicht an diese variablen rankomme. Was ich mit den Funktionen in etwa so hinbekomme:

function MyClass()
            {
                ....
           
                this.public = private;
           
                function private()
                {
                    ....
                }
            }

So kann ich die Funktion innerhalb und außerhalb verwenden. Bei einfachen Variablen stehe ich etwas auf dem Schlauch. Ich hab habs mal mit ner normalen Variable und nem Getter probiert.

function MyClass()
            {
                var myNumber = 42;
           
                function constructor()
                {
                    console.log(myNumber) //42
                }

                this.public = { get myNum() { return myNumber } };

                constructor();
            }
            var myObject = new MyClass();
            console.log(myObject.public.myNum);//42

Ich bekomme den Getter aber nicht vom object getrennt.

Ich könnte auch ne einfache Funktion benutzen:

function MyClass()
            {
                var myNumber = 42;
           
                function constructor()
                {
                    console.log(myNumber) //42
                }

                this.getMyNumber = function () { return myNumber };

                constructor();
            }
            var myObject = new MyClass();
            console.log(myObject.getMyNumber());//42

Beide Lösungen finde ich ziemlich häßlich, auch denke ich, dass ich da ein kleines Verständnisproblem mit JS hab.
Ich hoffe ihr könnt mir weiterhelfen

mfg keule


edit: das lässt mir keine Ruhe, neuer Versuch:

function MyClass()
            {
                var _myNumber = 42;
           
                function constructor()
                {
                    console.log(_myNumber) //42
                }
               
                this.getMyNumber = function () { return _myNumber }
                constructor();
            }
            MyClass.prototype = {
            get myNumber() { return this.getMyNumber(); } }

            var myObject = new MyClass();
            console.log(myObject.myNumber);//42

Hab so jetzt meine private var und von draußen siehts ganz okay aus, aber innen total pfui, ne getter gibt ne function zurück welche wieder eine Variable ausgibt.... das ist furchtbar ........HIIIILFE

 

[RootIT]

Also bei Javascript brauchst du keine Getter/Setter. Auch Public/Privat eist bei JS nicht gebräuchlich.

Um an die Variablen ranzukommen benötigst du zunächst ein Objekt deiner Klasse.

MyClass{
constructor(){
this.var = 3;
}

function quadrat(){
this.var = this.var * this.var;
}
}

//zugriff Variable
var meins = new MyClass;   -> Neues Objekt der Klasse MyClass
console.log(meins.var)  -> 3    -> Variable des Objektes meins von der Klasse MyClass

//Funktion
meins.quadrat();


console.log(meins.var)  -> 9

Mal so auf die Schnelle der Zugriff auf Funktionen und Variablen in Klassen.

Dabei gilt zu bedenken das Klassen in Javascript noch relativ neu sind, der Firefox hat diese erst kürzlich implementiert. Beim IE bin ich mir nicht ganz sicher.

 

[keul3]

Mal so auf die Schnelle der Zugriff auf Funktionen und Variablen in Klassen.

Dein Beispiel funzt bei mir nicht wirklich.

Ich hätte gern innerhalb meiner Klasse eine Variable, die nach draußen geht, aber auch innerhalb veränderlich ist. Wenn ich mit this arbeite, komme ich von außen dran, kann aber mit Funktionen innerhalb der Klasse nicht drauf zugreifen. Mit var verhälts sich genau umgekehrt. Deswegen ja die getter/setter. Aber diese sind in JS ziemlich umständlich.

 

[RootIT]

Innerhalb der Klasse arbeitest du mit this.NAME

Außerhalb der Klasse mit OBJEKTNAME.VARIABLENNAME

Du nennst in deinem Beispiel die Funktion MyClass, dadurch ist es aber immernoch eine Funktion und die Variable nur in dieser Funktion nutzbar.


Dein Beispiel würde also wie folgt aussehen

class MyClass{



    constructor()

    {
        this.myNumber = 42;
        console.log(this.myNumber) //undefined

    }
}

var myObject = new MyClass();

console.log(myObject.myNumber); //42/42

 

[keul3]

Achsoooo

JS hat n keyword class. Und sogar constructor, darauf muss man erstmal kommen.
Innerhalb der Class kann man aber nur funktionen erstellen oder? und wenn ich das richtig sehe, ist jede function von außen abgreifbar? Gibts nicht iwelche atrributes (private, protected, etc.) um das zu verhindern?

Kennst du vllt ne gute Reference für JS?

vielen Dank!

 

[RootIT]

Bin bei JS auch noch nicht so lange dabei, aber soweit ich weiß gibt es kein Private oder so.

Wenn du nicht willst das jemand an deine Daten kommt, kannst du dein Script Kapseln,

dazu einfach am Anfang -> (function () {

// restlicher Code

am Ende -> })();

Dadurch packst du alles in eine Anonyme Funktion, welche sich selber aufruft, und von aussen kommt keine über die Console oder so da ran.

Funktionen in der Klasse sind Funktionen, welche von Objekten der Klasse genutzt werden können.
Kannst aber auch außerhalb welche definieren, die sind dann ohne Objekt nutzbar.

Ne gute Referenz habe ich noch nicht gefunden, bin selber am Googeln