JS Modules: 07. Alias di Import

by istiq20

HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Alias di Import</title>
  </head>
  <body>
    <script type="module">
      import { company, sum, Company } from "./scripts/multiple.js";
      import {
        company as perusahaan,
        sum as total,
        Company as Perusahaan,
      } from "./scripts/multiple3.js";

      console.info(company); // Programmer Zaman Now
      console.info(perusahaan); // Tutorial Modules
      console.info(sum(10, 10)); // 20
      console.info(total(10, 20)); // 30

      const a = new Company();
      const b = new Perusahaan();
    </script>
  </body>
</html>

JavaScript

// file: multiple.js
const company = "Programmer Zaman Now";

function sum(first, second) {
  return first + second;
}

class Company {}

export { company, sum, Company };

// file: multiple3.js
const company = "Tutorial Modules";

function sum(first, second) {
    return first + second;
}

class Company {

}

export {company, sum, Company}