szit

Ez az oldal csak olvasható. Megtekintheted a forrását, de nem változtathatod meg. Ha úgy gondolod, hogy ez helytelen, kérdezd az Adminisztrátorokat!
[[oktatas:telefon:react_native|< React Native]]

====== JavaScript ======

  * **Szerző:** Sallai András
  * Copyright (c) Sallai András, 2021
  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]]
  * Web: https://szit.hu

===== Bevezetés =====

JavaScript ismeretek, amit érdemes tudni mielőtt elkezdjük a React Native fejlesztést.
===== Modulok NodeJS esetén =====

Ismételjük át a modulhasználatot JavaScriptben. 



Állítsuk be a package.json fájlban típusnak a module-t:
<code javascript package.json>
...
  "main": "app.js",
  "type": "module",
...
</code>

Legyen a példa kedvéért egy employees modul:
<code javascript employees.js>
let names = ['Bari Bálint', 'Penge Irén', 'Páros Ferenc'];
let cities = ['Szeged', 'Szolnok', 'Miskolc'];
</code>



A modult importálással használjuk:
<code javascript app.js>
import { names } from './modules/employees.js';
import cities from './modules/employees.js';

console.log(names[0]);
console.log(cities[0]);
</code>


===== Modul böngészőben =====

<code html index.html>
<!DOCTYPE html>
<html lang="hu">
<head>
    <meta charset="UTF-8">
    <title>Modul</title>
</head>
<body>
    <h1>Modul</h1>
    <script type="module" src="app.js"></script>
</body>
</html>
</code>


<code javascript employees.js>
let names = ['Bari Bálint', 'Penge Irén', 'Páros Ferenc'];
let cities = ['Szeged', 'Szolnok', 'Miskolc'];
</code>

<code javascript app.js>
import { names } from './modules/employees.js';
import cities from './modules/employees.js';

console.log(names[0]);
console.log(cities[0]);
</code>

===== Függvény exportálása =====

Ismételjük át, hogyan exportálunk függvényeket JavaScript nyelven.


Legyen egy show() függvénye amit szeretnénk exportálni:

<code javascript employees.js>
export default function show() {
    return "Nagy János";
}
</code>

A show függvény importálása:
<code javascript app.js>
import show from './modules/employees.js';
console.log(show());
</code>

===== Osztály exportálása =====

Nézzünk példát osztályok exportálására, importálására. 

<code javascript>
  "main": "app.js",
  "type": "module",
</code>



<code javascript employee.js>
export class Employee {
    static create(name) {
        return 'hello' + name;
    }
}

</code>

<code javascript app.js>
import { Employee } from "./modules/employee.js";

const egy = Employee.create('Para Béla'); 

console.log(egy);
</code>