Please enable JavaScript.

Coggle requires JavaScript to display documents.

2. JAVASCRIPT - Coggle Diagram

- - - - tidak dapat diinisiasi ulang (diubah ulang)
    - - dapat diinisiasi ulang (diubah ulang)
  - - - browser memiliki akses terhadap global object window
      - ada 3 cara
        
        embedded javascript
        
        external source
        
        Read-Eval-Print-Loop (REPL)
    - - tidak memiliki akses lagi terhadap global object milik browser, seperti alert.
        
        Sebagai gantinya, Node.js memberikan akses kepada developer untuk mengakses file system, mengatur database, dan lainnya.
- - - - Selain angka normal, tipe data number juga memiliki nilai spesial, yaitu Infinity dan NaN. Nilai Infinity dihasilkan ketika kita melakukan operasi aritmetika yang tidak terdefinisi, seperti membagi sebuah nilai dengan nol.Adapun nilai NaN (Not-a-Number) dihasilkan ketika nilai non-numerik diubah ke tipe data number. Contohnya ketika kita mencoba mengonversi string yang bukan angka menjadi number.
  - - - Backticks sering disebut juga sebagai template literals karena memungkinkan kita menyisipkan JavaScript expressions untuk membentuk nilai string menggunakan notasi ${}.
        
        const currentYear = new Date().getFullYear();
        const text = Sekarang adalah tahun ${currentYear}.;
        console.log(text);
  - - - Untuk mengubah suatu tipe data ke bentuk string umumnya dapat dilakukan dengan dua cara, yaitu menggunakan fungsi String() dan method .toString()
    - - Secara umum, untuk mengubah bentuk numerik, seperti “10”, “3.14” dapat dilakukan dengan menggunakan fungsi Number()
        
        bisa juga menggunakan fungsi khusus
        
        parseFloat()
        
        parseInt()
    - - Untuk mengubah suatu nilai ke tipe data boolean, kita bisa gunakan fungsi Boolean()
  - - - const age = 20;
        const message = 'Umurku: ' + age;
        console.log(message); // output: Umurku: 20
    - - const strNumber = '123';
        const result = strNumber * 2;
        console.log(result); // output: 246
    - - const bool = true;
        const result = 1 + bool;
        console.log(result); // output: 2
- - - - Example
        
        document.getElementById("demo").innerHTML = 5 + 6;
        
        document.write(5 + 6);
        
        <button type="button" onclick="document.write(5 + 6)">Try it</button>
        
        window.alert(5 + 6);
        
        alert(5 + 6);
        
        console.log(5 + 6);
        
        <button onclick="window.print()">Print this page</button>
- - - - operator tipe data, seperti typeof adalah operator unary karena hanya memerlukan satu operan
        
        contoh : typeof age;
    - - Operator aritmetika, seperti + termasuk dalam kelompok operator binary karena membutuhkan dua operan.
        
        5 + 4;
    - - operator ternary membutuhkan tiga operan.
        
        (age < 18) ? 'You are too young!' : 'Welcome onboard!';
  - - - const obj1 = { name: 'Dicoding' };
        const obj2 = { lastName: 'Indonesia', address: 'Jl. Batik Kumeli No 50' };
        const newObj = { ...obj1, ...obj2 };
        console.log(newObj); // Output: { name: 'Dicoding', lastName: 'Indonesia', address: 'Jl. Batik Kumeli No 50' }
    - - const originalObj = { name: 'Dicoding', age: 9 };
        const copiedObj = { ...originalObj };
        console.log(copiedObj); // Output: { name: 'Dicoding', age: 9 }
- - - - Keyword “function” harus selalu disertakan ketika mendeklarasikan function.
      - Berikutnya, keyword tersebut diikuti dengan identifier. Ini mirip seperti variabel, kita dapat memberi nama sesuai dengan kebutuhan.
      - Setelah itu, kita tuliskan parentheses untuk mendefinisikan parameter-parameter yang diperlukan dan function body
      - Function body berisi sekumpulan statement atau perintah yang akan dieksekusi oleh interpreter. Ia dibungkus dengan tanda kurung kurawal buka-tutup (curly braces).
  - - - const temperatureInCelsius = 90;
        convertCelsiusToFahrenheit(temperatureInCelsius);
        
        Nilai yang diberikan dalam parentheses saat pemanggilan function, ia disebut sebagai argument.
        
        Argument ini bisa berasal dari nilai yang langsung dimasukkan atau nilai yang tersimpan dari variabel.
    - - convertCelsiusToFahrenheit(90);
  - - - greetWorld();
        function greetWorld() {
        console.log('Hello, world!');
        }
  - - - Hal ini karena memang method console.log tidak mengembalikan nilai apa pun dan JavaScript tidak menganggap ini sebagai error.
    - - function sumNumbers(a, b) {
        const result = a + b;
        return result;
        }
        const result = sumNumbers(2, 4);
        console.log('2 + 4:', result);
  - - - kita menyimpan function pada sebuah variabel. Kini variabel menjadi identifier bagi function.
        
        const greetWorld = function (message) {
        console.log('Hello, World!');
        }
    - - Cukup sebut identifier dan diikuti dengan parentheses.
  - - - pembuatan arrow function hanya tersedia dalam bentuk expression. Oleh karena itu, kita selalu menyimpan nilainya dalam variabel.
      - Selain itu, arrow function dengan gaya seperti ini hanya mampu menampung satu return value. Silakan bungkus dengan tanda kurung kurawal buka-tutup jika memerlukan banyak kode.
- - - - Membuat object dengan object literals sangat mudah yaitu cukup dengan menulis kurung kurawal {}
        
        Example :
        const products = { name: 'Sepatu', price: 230000 };
  - - - const user = {
        name: 'Dicoding',
        'last name': 'Indonesia',
        age: 9,
        };
        console.log(user.name); // Output: Dicoding
    - - const user = {
        name: 'Dicoding',
        'last name': 'Indonesia',
        age: 9,
        };
        console.log(user['last name']); // Output: Indonesia
    - - Destructuring dalam JavaScript merupakan sintaksis yang dapat mengeluarkan nilai dari properti object ke dalam satuan yang lebih kecil (variabel).
        
        const user = {
        name: 'Dicoding',
        'last name': 'Indonesia',
        age: 9,
        };
        const { name, lastName } = user;
        console.log(name, lastName); // Output: Dicoding Indonesia
  - - - const account = {
        balance: 1000,
        debt: 10,
        };
        account.balance = 2000;
        console.log(account.balance); // Output: 2000
  - - - const user = {
        'name': 'Dicoding',
        'last name': 'Indonesia',
        age: 9,
        };
        delete user.age;
        console.log(user); // Output: { name: 'Dicoding', 'last name': 'Indonesia' }
    - - const user = {
        'name': 'Dicoding',
        'last name': 'Indonesia',
        age: 9,
        };
        delete user['age'];
        console.log(user); // Output: { name: 'Dicoding', lastName: 'Indonesia' }
- - - - const users = new Array();
        const numbers = new Array(5);
    - - const foo = Array.from('foo');
        console.log(foo); // Output: ['f', 'o', 'o']
        
        Array.from juga dapt digunakan untuk menyalin array lainnya seperti berikut ini.
        
        const users = new Array('John', 'Jane', 'Jack', 'Jill');
        const customer = Array.from(users);
        console.log(customer); // Output: ["John", "Jane", "Jack", "Jill"]
    - - Membuat array dengan literals lebih disarankan karena lebih sederhana dan mudah untuk dibaca.
        
        const array = [];
        const fruits = ['apple', 'banana', 'cherry'];
  - - - const myArray = [42, 55, 30];
        console.log(myArray[1]); // Output: 55
  - - - const myArray = [1, 2, 3, 4, 5];
        myArray[1] = 10;
        console.log(myArray); // Output: [1, 10, 3, 4, 5]
    - - Push adalah cara yang kita gunakan untuk menambahkan nilai ke dalam array pada element terakhir.
        Untuk menambahkan nilai ke dalam array menggunakan method push, dapat dilakukan dengan cara menuliskan nama array-nya diikuti tanda titik dan method push beserta nilai yang ingin ditambahkan yaitu 6 seperti berikut.
        
        const myArray = [1, 2, 3, 4, 5];
        myArray.push(6);
        console.log(myArray); // Output: [1, 2, 3, 4, 5, 6]
  - - - const myArray = ['Android', 'Data Science', 'Web'];
        delete myArray[1];
        console.log(myArray); // Output: ['Android', <1 empty item>, 'Web']
        
        Data pada array sudah berhasil dihapus, tetapi element-nya masih ada. Lalu, bagaimana cara untuk menghapus element dan datanya? Untuk melakukan hal itu dapat dilakukan dengan menggunakan method splice() seperti berikut ini.
        
        const myArray = ['Android', 'Data Science', 'Web'];
        myArray.splice(1, 1);
        console.log(myArray); // Output: ['Android', 'Web']
        
        Method splice membutuhkan dua parameter yaitu indeks dari element yang ingin dihapus dan jumlah element yang ingin dihapus. Pada contoh di atas, kita menghapus element indeks ke-1 dan jumlah element yang dihapus adalah 1. Lalu, bagaimana caranya kita ingin menghapus dua element dari array?
        
        const myArray = ['Android', 'Data Science', 'Web'];
        myArray.splice(1, 2);
        console.log(myArray); // Output: ['Android'']
    - - Terakhir, ada cara lainnya yaitu menggunakan method shift dan pop. Kekurangan dari kedua method ini adalah tidak sefleksibel delete dan splice karena shift hanya menghapus element pertama dan pop menghapus element terakhir.
        
        Shift untuk menghapus elment pertama
        
        const myArray = ['Android', 'Data Science', 'Web'];
        myArray.shift();
        console.log(myArray); // Output: ['Data Science', 'Web']
        
        Pop menghapus element terakhir
        
        const myArray = ['Android', 'Data Science', 'Web'];
        myArray.pop();
        console.log(myArray); // Output: ["Android", "Data Science"]
  - - - const introduction = ['Hello', 'Arsy'];
        const [greeting, name] = introduction;
        console.log(greeting); // Output: Hello
        
        Dapat dilihat bahwa variabel greeting didapatkan dari array introduction tanpa harus mengaksesnya menggunakan index. Destructuring array mempermudah kita untuk memecah struktur data menjadi bagian-bagian yang lebih kecil seperti contoh kode di atas. Destructuring array hanya dapat dilakukan jika array tersebut tidak bernilai null atau undefined. Ketika melakukan destructuring pada array yang bernilai null atau undefined akan menyebabkan error.
  - - - Reverse adalah method yang digunakan untuk membalikkan nilai array. Metode reverse() mengembalikan array dengan element yang dibalik.
        
        const myArray = ['Android', 'Data Science', 'Web'];
        myArray.reverse();
        console.log(myArray); // Output: [ 'Web', 'Data Science', 'Android' ]
    - - Sort adalah method yang digunakan untuk mengurutkan nilai array. Loh, katanya array sudah menyimpan data secara terurut kok masih perlu mengurutkan array menggunakan sort? Memang array sudah mengurutkan data sesuai dengan indeks-nya tetapi mengurutkan berdasarkan indeks saja belum cukup.
        Terkadang, kita butuh untuk mengurutkan array berdasarkan kriteria tertentu sesuai kebutuhan aplikasi. Secara default, array akan diurutkan secara ascending
        
        const myArray = ['Web', 'Android', 'Data Science'];
        myArray.sort();
        console.log(myArray); // Output: [ 'Android', 'Data Science', 'Web' ]
- - - - const map = new Map();
        
        Kita telah berhasil membuat map yang bernilai kosong. Selain itu, kita juga dapat menambahkan data di dalam constructor ketika menginisialisasi map seperti berikut.
        
        const productMap = new Map([
        ['shoes', 500],
        ['cap', 350],
        ['jeans', 250]
        ]);
        console.log(productMap);
  - - - const map = new Map();
        map.set('name', 'aras');
        console.log(map); // Map(1) { 'name' => 'aras' }
  - - - const map = new Map();
        map.set('name', 'aras');
        console.log(map.get('name')); // Output: aras
  - - - const map = new Map();
        map.set('name', 'aras');
        map.set('last name', 'opraza');
        map.delete('last name');
        console.log(map); // Map(1) { 'name' => 'aras' }
  - - - sederhana, hanya menggunakan kurung kurawal {}
  - - - paling mudah dan paling disarankan
  - - - Push adalah cara yang kita gunakan untuk menambahkan nilai ke dalam array pada element terakhir
  - - - Reverse adalah method yang digunakan untuk membalikkan nilai array. Metode reverse() mengembalikan array dengan element yang dibalik
    - - Sort adalah method yang digunakan untuk mengurutkan nilai array
        
        Secara default, method sort akan mengurutkan berdasarkan abjadnya.
- - - - const set = new Set();
        set.add(1);
        set.add(2);
  - - - const set = new Set();
        set.add(1);
        set.add(2);
        for (const number of set) {
        console.log(number); // Output: 1, 2
        }
    - - const set = new Set();
        set.add(1);
        set.add(2);
        set.forEach((value) => console.log(value)); // Output: 1, 2
  - - - const set = new Set();
        set.add(1);
        set.add(2);
        set.delete(1);
        console.log(set); // Set(1) { 2 }
- - - - if statement
        
        Tetapi di javascript ada yang lebih ringkas yaitu ternary operator atau conditional operator. direpresentasikan menggunakan tanda tanya (?).
        
        tahapnya
        
        Kondisi yang ingin diperiksa ditulis sebelum tanda tanya (?)
        
        Ekspresi yang dieksekusi jika kondisinya benar.
        
        Ekspresi yang dieksekusi jika kondisi salah.
        
        bentuk dasar dari conditional operator adalah sebagai berikut
        
        let result = condition ? value1 : value2;
      - switch case
        
        Switch statement adalah control flow statement yang mengevaluasi expression terhadap beberapa kasus. Switch dapat menggantikan beberapa pengecekan kondisi yang dilakukan oleh if. Selain itu, menggunakan switch membuat kode menjadi lebih readable dan ringkas
  - - - for
        
        for loop
        
        for (variabel awal; test kondisi; increment) {
        // do something
        }
        
        for (let i = 0; i < 5; i++) {
        console.log(Angka ke-${i} adalah ${i});
        }
        
        Increment adalah nilai variabel yang bertambah setiap looping dilakukan
        
        est kondisi adalah evaluasi dari looping, jika bernilai false, looping akan berhenti.
        
        Variabel awal adalah nilai variabel sebelum looping dilakukan
        
        for in
        
        For in banyak digunakan untuk pengulangan pada object karena ia dapat melakukan iterasi ke seluruh data di dalam objek. Bahkan, ia juga dapat melakukan iterasi ke properti inheritance dari object seperti length.
        
        const person = { name: 'Fulan', origin: 'Bandung', birthYear: 2024 };
        for (const property in person) {
        console.log(${property} bernilai ${person[property]});
        }
        
        for of
        
        Kehadiran for of dimulai pada ECMAScript 2015 (ES6). For of berbeda dengan for in. For of lebih sederhana karena kita tidak perlu memikirkan property dan key
        
        const names = ['Bebek', 'Ayam', 'Telor', 'Tempe'];
        for (const item of names) {
        console.log(item);
        }
      - while
        
        Perulangan di JavaScript tak hanya menggunakan for, tetapi ada cara lainnya yaitu while statement. While statement akan mengeksekusi statement ketika kondisinya bernilai truthy. Berikut struktur dari while statement.
        
        while (condition)
        statement
        
        Iterasi akan berjalan ketika kondisi bernilai true. Oleh karena itu, perlu untuk berhati-hati ketika mengecek kondisi tersebut. Akan terjadi infinite loop saat kondisinya bernilai true.
        
        let i = 0;
        while (i < 5) {
        console.log(Angka ke-${i} adalah ${i}.);
        i++;
        }
        
        Sama seperti contoh kode di materi for. Kode di atas akan mencetak tampilan di terminal/console sebanyak 5 kali. Keunggulan dari while adalah ia tidak perlu tahu jumlah data yang akan di-looping.
      - do-while
        
        Sebenarnya, while dan do-while tidak berbeda jauh. Perbedaan mereka terdapat pada urutan pengecekan kondisi. While melakukan evaluasi kondisi di awal, sedangkan do-while melakukannya di akhir.
        
        do {
        // Do something
        } while (condition)
        
        Karena do-while melakukan evaluasi kondisi di akhir, blok yang ada di dalam do setidaknya akan dijalankan satu kali
        
        let i = 0;
        do {
        console.log(Angka ke-${i} adalah ${i}.);
        i++;
        } while (i < 5);
      - Control Statement
        
        Ketika melakukan perulangan, ada yang namanya control statement. Control statement berfungsi untuk menghentikan eksekusi kode. Beberapa statement yang masuk ke dalam kategori control statement adalah break dan continue.
        
        break
        
        Break statement adalah cara kita untuk memberitahukan interpreter yang sedang mengeksekusi kode untuk berhenti dan langsung berpindah ke akhir dari percabangan atau perulangan.
        
        continue
        
        Continue statement sama seperti break statement. Namun, alih-alih menghentikan eksekusi program, continue akan melanjutkan iterasi ke iterasi berikutnya. Continue statement hanya dapat digunakan di dalam body looping.
  - - - Saat terjadi error, sinyal yang disebut dengan exception akan bangkit. Cara lain untuk membuat exception adalah menggunakan keyword throw untuk generate sebuah error.
        
        Misalnya, kita memiliki program yang menerima inputan pembayaran dari pembeli. Normalnya adalah jumlah yang dibayarkan harus lebih besar dari harga barang. Lalu, ada sebuah kasus dimana pembeli membayar lebih kecil dari harga barang. Hal ini akan menyebabkan error di program milik kita. Oleh karena itu, kita perlu throw error ketika pembayaran kurang dari harga barang seperti contoh berikut
        
        const price = 100;
        const paid = 80;
        if (paid < price) {
        throw new Error('Pembayaran kurang');
        }
        
        Contoh di atas akan membangkitkan error. Lalu, bagaimana caranya untuk menangani error yang telah dibangkitkan? Caranya adalah menggunakan konsep Catching Error.
      - Catching Error
        
        try-catch
        
        Try-catch merupakan cara yang dimiliki JavaScript untuk menangani error. Try-catch memiliki dua blok utama yaitu try dan catch. Try merupakan blok kode yang akan menangani error, sedangkan catch merupakan blok kode yang dibangkitkan ketika terjadi error di dalam blok try.
        
        try {
        // code...
        } catch (err) {
        // error handling
        }
        
        Blok kode catch akan diabaikan ketika tidak ada error yang terjadi di dalam blok try. Oleh karena itu, tulislah kode yang berpotensi error di dalam blok try
- - - - String()
      - .toString()
    - - Number()
      - parseInt()
        
        Dengan kemampuan ini, parseInt() dapat digunakan untuk mengubah nilai string, seperti "20CM", "64px", atau angka dengan satuan lainnya
      - parseFloat()
      - Boolean()
  - - - const age = 20;
        const message = 'Umurku: ' + age;
        console.log(message); // output: Umurku: 20
- - - - default import
        
        Import dapat dilakukan dengan menulis kata kunci import kemudian diikuti oleh nama function/method/variable
        
        import myFunction from './anotherfile.mjs';
        myFunction();
      - named import
        
        Berbeda dengan default import yang tidak memerlukan nama spesifik, named import memungkinkan kita mengimpor function/method/variable tertentu berdasarkan namanya. Saat menggunakan named import, pastikan nama fungsi yang ingin diimpor sesuai.
        
        Ketika menggunakan named import, selain memastikan nama function sesuai, kita juga akan menuliskan nama function yang diimpor dalam kurung kurawal {}. Selain itu, kita juga dapat mengimpor lebih dari satu function/method/variable.
        
        Jika function/method/variable yang ingin kita import sangat banyak, kita dapat menggunakan import *
    - - default export
        
        Default export adalah cara kita untuk mengekspor minimal satu function/method/variable di sebuah modul. Dengan menggunakan default export, modul lain yang ingin menggunakan nilainya tidak perlu tahu spesifik namanya karena secara default sudah ada function/method/variable yang diekspor.
      - named export
        
        Named export cocok digunakan ketika ingin mengekspor banyak nilai dari satu modul. Selain itu, named export mengharuskan kita untuk menulis nama function/method/variable secara spesifik ketika mengimpornya. Menulis nama secara spesifik membuat codebase menjadi konsisten
  - - - Cara pertama yaitu mengubah ekstensi berkas dari .js menjadi mjs. Dengan mengubah format ini, kita memberitahu ke Node.js bahwa kita ingin menggunakan ESModule. Cara ini terbilang sangat sederhana. Namun, bagaimana jika berkas project Anda sangat banyak? Tidak mungkin Anda mengubahnya satu per satu karena pasti memakan waktu cukup lama dan tidak efisien.
    - - Buka berkas package.json atau jika belum memilikinya, Anda bisa membuatnya terlebih dahulu (dengan menggunakan perintah npm init -y)
      - Setelah itu, tambahkan baris kode berikut
        "type": "module"
  - - - <script src="./esmodule.js" type="module">
    - - <script nomodule src="fallback.js"></script>
    - - <script type="module">
        import App from "./app.js";
        console.log(App);
        </script>
- - - - Kode di atas merupakan contoh membuat blueprint dari entitas person. JavaScript bukan bahasa pemrograman berbasis class, melainkan bahasa pemrograman berbasis prototype (prototype-based language). Oleh karena itu, Anda melihat penggunaan prototype pada contoh kode di atas.
  - - - Properti dari sebuah object yang merujuk ke prototype-nya tidak disebut prototype. Namanya tidak standar antar JavaScript runtime, tetapi dalam praktiknya semua browser menggunakan nama proto.
        Cara standar untuk mengakses prototype sebuah object adalah dengan metode Object.getPrototypeOf().
        
        untuk membuat object person dengan constructor function dapat dilakukan seperti berikut
        
        const person1 = new Person('Alice', 30);
        const person2 = new Person('Bob', 25);
        console.log(person1.name); // Output: Alice
        console.log(person2.name); // Output: Bob
        person1.eat();
        person2.eat();
  - - - nheritance jika diterjemahkan ke dalam bahasa Indonesia artinya adalah pewarisan. Sesuai dengan namanya, kita bisa mewariskan harta property dan method dari sebuah class ke class lain. Umumnya, properti dan method yang diwariskan berasal dari class (induk) dan digunakan oleh class baru (anak). Sama halnya di kehidupan sehari-hari, sedikit banyaknya sebagai anak, kita memperoleh sifat dan perilaku dari orang tua.
      - Istilah SuperClass dan SubClass akan sering kita dengar ketika bahas inheritance di OOP. Class yang mewariskan property dan method-nya disebut dengan SuperClass, Induk, Base, atau Parent Class. Class yang mewarisi property dan method dari class lain disebut dengan SubClass dan Children Class (Anak).
      - Untuk mengetahui asal muasal dari sebuah class, Anda dapat menggunakan instanceof. Instanceof dapat digunakan untuk menguji apakah suatu object merupakan instance dari sebuah class atau constructor function tertentu
    - - Encapsulation adalah proses untuk membungkus data di suatu wadah yang disebut dengan class. Menyembunyikan data adalah bagian kunci dari encapsulation.
        
        Desain OOP yang baik adalah object hanya akan menampilkan data yang dibutuhkan oleh object lain. Data akan diisolasi dan tidak dapat diakses langsung dari luar. Secara sederhana, encapsulation adalah membuat data yang ada di class sebagai private.
      - Untuk mencegah hal itu terjadi lagi, kita dapat menerapkan getter dan setter.
        
        Getter terdiri dari method get. get adalah cara untuk mendapatkan nilai dari property, sedangkan setter terdiri dari method set. set adalah method untuk menetapkan nilai property. Dengan begitu, kita dapat mengatur akses ke property yang dimiliki oleh object
      - Sejak JavaScript versi ES2022, kita dapat menggunakan tanda hashtag (#) untuk membuat hak akses private pada property dan method. Pada contoh di atas, kita menambahkan tanda hashtag di variable dan method yang bersifat private
    - - Bagaimana cara untuk mengubah implementasi yang diturunkan dari SuperClass? Caranya adalah menggunakan pilar utama lainnya dari OOP yaitu Polymorphism. Polymorphism berasal dari bahasa Yunani yang memiliki arti secara harfiah yaitu memiliki banyak bentuk. Polymorphism merupakan konsep di mana suatu entitas menjadi SuperClass untuk mewariskan property atau method ke SubClass.
        
        Lalu, bedanya apa dong dengan pewarisan? Bedanya terdapat pada implementasi method yang diubah. Untuk mengubah implementasi method tersebut, terdapat konsep yang disebut dengan overriding.
      - overriding
        
        OOP memiliki konsep overriding yang sangat erat kaitannya dengan pewarisan. Overriding adalah cara kita untuk membuat implementasi yang berbeda di SubClass untuk method yang diturunkan dari SuperClass. Overriding dapat diterapkan untuk membuat method yang lebih spesifik di SubClass. Selain itu, overriding juga dapat diterapkan untuk menambah properti baru di SubClass. Overriding dapat diterapkan pada constructor maupun pada method
        
        Overriding Constructor
        
        Constructor adalah method khusus yang dipanggil ketika instance class dibuat. Misalnya, ketika membuat instance class dengan keyword new, constructor akan terpanggil.
        
        const android = new Android(); // constructor di class Android akan dipanggil.
        
        class SmartPhones {
        constructor(color, brand, model) {
        this.color = color;
        this.brand = brand;
        this.model = model;
        }
        charging() {
        console.log(Charging ${this.model});
        }
        }
        class Android extends SmartPhones {
        constructor(color, brand, model, device) {
        super(color, brand, model);
        this.device = device;
        }
        splitScreen() {
        console.log('Android have a Split Screen');
        }
        }
        const android = new Android('white', 'B', 'Galaxy S21', 'smart TV');
- - - - Contoh, ketika fungsi diberikan argumen X, ia harus selalu mengembalikan nilai Y meski dipanggil dalam kondisi dan waktu yang beda. Jadi, nilai yang dihasilkan oleh fungsi selalu terprediksi. Untuk mencapai ini, fungsi tidak boleh mengakses nilai di luar argumen dan variabel cakupan global.
    - - Dalam konteks ini, efek samping merujuk pada segala perubahan yang dilakukan oleh fungsi pada variabel atau keadaan di luar cakupannya, seperti mengubah variabel global, berinteraksi dengan input dan output.
  - - - Mengabstraksi fungsi aksi dari sebuah proses asynchronous (kita akan belajar asynchronous dalam modul selanjutnya) dalam bentuk callback.
      - Membuat utility function, yaitu fungsi Array.map, Array.filter, Array.reduce, dan sebagainya.
      - Menerapkan teknik matematika, seperti currying dan function composition.