• javascript-category
    Függvények
  • javascript-category
    Ciklusok
Objektumok

A javascript objektumok leírása, használatuk, működésük.

Haszontalannak jelölve: 0
Hasznosnak jelölve: 0
Kulcsszavak: wannacode, kurzus, javascript, course, a javascript objektumok, javascript objects
Elérhető: Nem érhető el

Az objektumok vagy angolul objects olyan elemek melyek tartalmazhatnak több változót és függvényeket (feladatokat) is.

Jelölésük hasonló, mint a függvények esetében, a különbség az, hogy tartalmazni fognak más függvényeket is és egy váltózba tesszük őket.


    <script type="text/javascript">
        var object_name = function()
        {
        }
    </script>


        

Szerepük, hogy még átláthattóbbá tegyék a programunkat azáltal, hogy a feladatokat csoportosítja, vagy külön "részlegekre" ossza. Pl. készíthetünk egy objektumot amely tartalmazza az összes matematikai műveletet amelyet a program során használnunk kell, ezáltal az az objektum lesz a matematikai részleg, vagy egy másikat amely csak üzenetek logolásával foglalkozik, stb.

Az objektumok segítségével a programunkat felépíthetjük úgy, mint akár egy céget, különböző részlegekkel benne, ahol minden részlegnek megvannak a feladatjai, melyeket használhatunk.

Nézzük például az alábbi objektumot:


    <script type="text/javascript">
        var task = function()
        {
            function generate_numbers_and_calc_pythagoras()
            {
                // Felveszünk két változót
                var number1 = 2;
                var number2 = 3;

                number1 = Math.rand();
                number2 = Math.rand();
                number3 = number1 * number1 + number2 * number2;
                alert( number3 );
            }

            function run()
            {
            }
        }
    </script>


        

A fenti példában egy objektumot hoztunk létre mely rendelkezik két függvénnyel, generate_numbers_and_calc_pythagoras és run. A függvények meghívhatók külön-külön az alábbi módon:


    <script type="text/javascript">
        task.generate_numbers_and_calc_pythagoras();
        task.run();
    </script>


        

Mivel a run függény nem tartalmaz semmiféle parancsot, ezért nem fog történni semmi.

Az objektumok tartalmazhatnak változókat melyek elérhetőek az objektumon belül található összes függvény esetében vagy olyat is, amelyet csak az adott függvény használhat. Az összes függény számára elérhető változókat az objektumon belül, de a függvényeken kivül kell létrehoznunk, az alábbi módon:


    <script type="text/javascript">
    var task = function()
    {
        var variable1;
        var variable2;

        function generate_numbers_and_calc_pythagoras()
        {
            // Felveszünk két változót
            var number1 = 2;
            var number2 = 3;

            number1 = Math.rand();
            number2 = Math.rand();
            number3 = number1 * number1 + number2 * number2;
            alert( number3 );
        }

        function run()
        {
        }
    }
    </script>


        

Ebben az esetben a változók használhatóak a függvényeken belül úgy hogy:


    this.variable1


        

Ebben az esetben a "this" hivatkozik az objektumra és a "variable1" a változó neve amit használni szeretnénk.

A változók az objektumon kivülről elérhetőek úgy, hogy: objektum neve pont változó neve, pl.:


    object_name.variable_name

    // pl.
    task.variable1


        

Az objektum függvényein belül létrehozott változók csak az adott függvényeken belül fognak létezni, csak ott használhatóak.

Az objektumok tartalmazhatnak akárhány függvényt és akárhány változót, amennyi kell a feladatok elvégzéséhez.

Hasonló leckék