Apa itu Bahasa TypeScript? - Mari Kita Bahas | duniapemrogramanque.blogspot.com

Mengenal TypeScript - CodePolitan.com

Jika kamu adalah seorang programer web atau seorang software developer, pasti sudah tidak asing lagi dengan JavaScript. JavaScript adalah bahasa pemrograman yang sangat dikenal dan menjadi salah satu bahasa pemrograman yang bisa digunakan untuk membuat aplikasi berbasis Windows.
Sayangnya, dalam membuat aplikasi kompleks dengan skala besar menggunakan JavaScript bukanlah sesuatu yang mudah. Untuk memudahkan developer dalam membuat aplikasi berskala besar berbasis Javascript, Microsoft memperkenalkan sebuah bahasa pemrograman baru yang disebut dengan TypeScript.
Typescript adalah bahasa pemrograman berbasis JavaScript yang menambahkan fitur strong-typing & konsep pemrograman OOP klasik ( class, interface). Di dalam dokumentasinya, TypeScript disebut sebagai super-set dari JavaScript, artinya semua kode JavaScript adalah kode TypeScript juga. Bahasa pemrograman ini menawarkan class, module, dan interface yang membuat developer bisa mengembangkan aplikasi kompleks dengan lebih mudah. Hal inilah yang membedakannya dengan javascript.

  1. Support Class dan Module
  2. Static Type-checking
  3. Support ES6 Feature
  4. Clear Library API Definition
  5. Kesamaan Syntax untuk Backend

Class dan Module Support

Keywords seperti class, interface, extends dan module tersedia pada TypeScript. Kamu bisa mendefinisikan sebuah class seperti berikut:
// class define in TypeScript
class VirtualPageTracker extends Tracker {
    private virtualPageName: string = '';
    constructor(name) {
        super(name);
    }
    getName(): void {
        return this.virtualPageName;
    }
    static getTrackerName(): string {
        return  'VirtualPageTracker';
    }
}

Static Type-checking

var name: string;
name = 2; // type error, assign a number to a string type variable
function foo(value: number) {}
foo(''); // type error, use a number as a string type parameter
interface Bar {
    setName: (name: string) => void;
    getName: () => string;
}
var bar: Bar = {
    getName: function() {
        return 'myName';
    }
} // type error, setName function is missing in the object assigned to bar.

ES6 Feature Support

// for..of loops
var arr = ['a', 'b', 'c'];
for (let item of arr) {
    console.log(item);
}
Dikompilasi menjadi
// for..of loops
var arr = ['a', 'b', 'c'];
for (var _i = 0; _i < arr.length; _i++) {
    var item = arr[_i];
    console.log(item);
}

Clear Library API Definition

.d.ts untuk mendeklarasikan semua jenis public dan API dari Library Anda. File definisi ini ternyata menjadi referensi yang jelas dan akurat dari API publik karena mereka selalu dipelihara dan up-to-date karena anda selalu membutuhkan mereka jika Anda menulis tes Anda di TypeScript lagi.

Anda dapat menentukan satu file entri ts utama dan mengacu pada semua file ts yang Anda butuhkan dalam file output js. Kompilasi file utama entri ts dengan pilihan -out , compiler akan menggabungkan semua file ts langsung atau tidak langsung dirujuk ke dalam satu file js secara berurutan.
Dengan demikian , kita dapat dengan mudah menyesuaikan library kita menjadi beberapa versi. Misalnya, dengan basis kode yang sama, kita dapat menghasilkan versi tertentu dari agen Browser untuk desktop dan mobile secara masing-masing. Kita hanya perlu membuat satu file entri untuk setiap versi dengan file ts yang berbeda tersebut di dalamnya.

Kesamaan Syntax untuk Backend (Java, Scala)

Framework yang menggunakan TypeScript



Angular 2.0 merupakan pengembangan baru dari Angular 1.0 yang sebelumnya menggunakan javascript dan sekarang menggunakan typescript. Perbedaan signifikan ini sangat mempengaruhi performance dan kemudahan developer dalam menggunakan framework ini.
 Nah untuk membantu kamu dalam memahami apa itu TypeScript berikut admin berikan EBook yang dapat membantu kamu dalam mempelajari TypeScript. Tenang ini free kok: Ebook Belajar TypeScript

0 Response to "Apa itu Bahasa TypeScript? - Mari Kita Bahas | duniapemrogramanque.blogspot.com"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel