Please enable JavaScript.

Coggle requires JavaScript to display documents.

17.3: import/export in depth - Coggle Diagram

17.3: import/export in depth

named exports

to import

:warning: name has to match

to change it

import { pi as magicNumber } from "./utils.js";

default export

export default class User implements Person {
  constructor(public username: string, public email: string) {}
  logout() {
    console.log(`${this.username} logs out!!`);
  }
}

to import

can mix both

import User, { userHelper } from "./User.js";

export default class User implements Person {
  constructor(public username: string, public email: string) {}
  logout() {
    console.log(`${this.username} logs out!!`);
  }
}

export function userHelper() {
  console.log("USER HELPER!");
}

- - - - import type { Person } from "./types.js";
      - an import statement
        
        which can only import types
    - - import { type Person } from "./utils.js";
      - allows individual imports
        
        that import types
      - so you can mix imports
        
        import { type Person, createAccount } from "./utils.js";