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:web:typescript|< TypeScript]]

====== TypeScript modolok ======

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

===== Modul készítése =====

Az export utasítást használjuk mint JavaScriptben:

<code javascript SajatMath.ts>
export class SajatMath {
    static PI: number = 3.1415926535;
    static pow(base: number, exponent: number): number {
        if(exponent==0) {
          return 1;
        }else if(exponent == 1) {
          return base;
        }else {
          let result: number = base;
          for(let i=1;i<exponent;i++) {
            result *= base;
          }
          return result;
        }
    }
}

</code>


===== Modul használata =====

<code javascript app.ts>
import { SajatMath } from './SajatMath.js';

console.log(SajatMath.PI);
</code>

===== HTML fájl =====

Ha böngészőben futtatjuk a modult, akkor a weblapon a script elemnek
szükséges egy type attribútum, module értékkel.

Részlet:
<code html>
<script type="module" src="app.js"></script>
</code>


===== Fordítás =====

==== Fordítás böngésző használatra ====
=== Paraméterezve ===


Lépjünk be az src könyvtárba, vagy ahol találhatók a .ts kiterjesztésű fájlok:
  cd src
  tsc --target es6 app.ts

Vagy:
  tsc --module esnext app.ts


=== Beállítás állománnyal ===

Készítsünk egy tsconfig.json fájlt:
<code javascript tsconfig.json>
{
    "compilerOptions": {
        "target": "es6"
    }
}
</code>

A fordítás ezek után:
  tsc
Szeretnénk, ha tsc parancs használná a tsconfig.json fájlt, így nem adunk neki paramétert. 

==== Fordítás Node.js számára ====

=== Paraméterezve ===

Belépünk az src könyvtárba, vagy ahol találhatók a .ts fájlok:
  cd src

  tsc app.ts

A SajatMath.ts automatikusan lefordul.

Használhatunk paramétert is, de az eredmény ugyanaz:
  tsc --module commonjs app.ts


=== Beállítás állománnyal ===

<code javascript tsconfig.json>
{
    "compilerOptions": {
        "module": "commonjs"
    }
}
</code>

===== Futtatás Node.js rendszeren =====

  node app