Felhasználói eszközök

Eszközök a webhelyen


oktatas:web:javascript:javascript_objektum_orientaltan

Különbségek

A kiválasztott változat és az aktuális verzió közötti különbségek a következők.

Összehasonlító nézet linkje

oktatas:web:javascript:javascript_objektum_orientaltan [2019/08/22 19:50] (aktuális)
admin létrehozva
Sor 1: Sor 1:
 +[[oktatas:​web:​javascript|<​ JavaScript]]
  
 +====== JavaScript Objektum Orientáltan ======
 +
 +  * **Szerző:​** Sallai András
 +  * Copyright (c) Sallai András, 2014, 2016
 +  * Licenc: GNU Free Documentation License 1.3
 +  * Web: http://​szit.hu
 +
 +===== Objektum létrehozása =====
 +
 +Az egyszerű értékek mellett a JavaScriptben létrehozhatunk objektumokat is.
 +Az egyszerű értékek a számok, a karaktersorozatok és a logikai értékek (true, false).
 +Az objektumok több értékkel is rendelkeznek,​ amelyeket tulajdonságoknak nevezünk.
 +Minden tulajdonságnak van neve és értéke. Tulajdonképpen azonos és különböző típusú
 +értékeket tudunk tárolni egy objektumban. ​
 +
 +
 +<code javascript>​
 +szemely=new Object();
 +szemely.vNev="​Nagy";​
 +szemely.kNev="​József";​
 +szemely.kor=50;​
 +szemely.szemSzin="​kék";​
 +</​code>​
 +
 +
 +<code javascript>​
 +
 +var Dolgozo = {
 +  nev : 'Nagy József',​
 +  kor : 32,
 +  udvozlet : function(){
 +    console.info("​Üdv",​ this.nev);
 +  },
 +  lekerKor : function(){
 +    console.info(this.kor);​
 +  }
 +
 +};
 +
 +
 +Dolgozo.udvozlet();​
 +Dolgozo.lekerKor();​
 +
 +
 +</​code>​
 +
 +
 +
 +===== Osztály =====
 +
 +A JavaScript alapvetően egy osztályok nélküli nyelv. Azonban függvényekkel ​
 +szimulálhatók.
 +
 +<code javascript>​
 +function Jarmu(model) {
 +    this.model = model;
 +    this.szin = '​piros';​
 +    this.evjarat = '​2008';​
 +    this.getInfo = function() {
 +        return this.model + ' ' + this.evjarat
 +    }
 +}
 +</​code>​
 +
 +Példányosítás:​
 +<code javascript>​
 +var kocsim = new Jarmu('​opel'​);​
 +kocsim.evjarat = '​2009';​
 +console.log(kocsim.getInfo());​
 +</​code>​
 +
 +
 +
 +===== Konstruktor =====
 +<code javascript>​
 +var Dolgozo = function(nev,​ kor){
 +  this.nev = nev;
 +  this.kor = kor;
 +};
 +
 +var joska = new Dolgozo("​Nagy József",​ 38);
 +
 +document.getElementsByTagName("​body"​)[0].innerHTML = joska.nev;
 +</​code>​
 +
 +===== Konstruktor és metódus =====
 +
 +<code javascript>​
 +
 +var Dolgozo = function(nev,​ kor){
 +  this.nev = nev;
 +  this.kor = kor;
 +  this.info = function(){
 +    return this.nev + ":"​ + this.kor; ​
 +  }
 +};
 +
 +var joska = new Dolgozo("​Nagy József",​ 38);
 +
 +document.getElementsByTagName("​body"​)[0].innerHTML = joska.info();​
 +
 +</​code>​
 +
 +===== Kivételkezelés =====
 +
 +<code javascript>​
 +try {
 +    ​
 +    sessionStorage.setItem("​user",​ "​joska"​);​
 +}catch(e){
 +    console.log("​Hiba a tárolás során"​);​
 +}
 +</​code>​
 +
 +===== Linkek =====
 +
 +  * http://​www.w3schools.com/​js/​js_obj_intro.asp
 +  * http://​mckoss.com/​jscript/​object.htm
 +  * http://​www.javascriptkit.com/​javatutors/​oopjs.shtml
 +  * http://​net.tutsplus.com/​tutorials/​javascript-ajax/​the-basics-of-object-oriented-javascript/​
 +  * http://​www.codeproject.com/​Articles/​5608/​Writing-Object-Oriented-JavaScript-Part-1
 +  * http://​weblabor.hu/​cikkek/​oojsafelszinalatt
 +  * http://​www.sitepoint.com/​oriented-programming-1/​
oktatas/web/javascript/javascript_objektum_orientaltan.txt · Utolsó módosítás: 2019/08/22 19:50 szerkesztette: admin