Modul

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


...
  "main": "app.js",
  "type": "module",
...

Legyen a példa kedvéért egy employees modul:


let names = ['Bari Bálint', 'Penge Irén', 'Páros Ferenc'];
let cities = ['Szeged', 'Szolnok', 'Miskolc'];

A modult importálással használjuk:


import { names } from './modules/employees.js';
import cities from './modules/employees.js';

console.log(names[0]);
console.log(cities[0]);

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





    
    Modul


    Modul


let names = ['Bari Bálint', 'Penge Irén', 'Páros Ferenc'];
let cities = ['Szeged', 'Szolnok', 'Miskolc'];


import { names } from './modules/employees.js';
import cities from './modules/employees.js';

console.log(names[0]);
console.log(cities[0]);

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


export default function show() {
    return "Nagy János";
}

A show függvény importálása:


import show from './modules/employees.js';
console.log(show());

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


  "main": "app.js",
  "type": "module",


export class Employee {
    static create(name) {
        return 'hello' + name;
    }
}


import { Employee } from "./modules/employee.js";

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

console.log(egy);