JavaScript

Szerző: Sallai András
Copyright © Sallai András, 2021
Licenc: 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:

package.json

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

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

employees.js

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

A modult importálással használjuk:

app.js

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

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>

employees.js

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

app.js

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:

employees.js

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

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

app.js

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",

employee.js

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

app.js

import { Employee } from "./modules/employee.js";
 
const egy = Employee.create('Para Béla'); 
 
console.log(egy);