[ Web Proxy ]
URL:
Viewing: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/import [Back]  [Original]

import - JavaScript | MDN

MDN Web Docs

View in English Always switch to English

import

*

20185

*

import live

import HTML <script> type="module"

import() type="module" script

js
import defaultExport from "module-name";
import * as name from "module-name";
import { export1 } from "module-name";
import { export1 as alias1 } from "module-name";
import { default as alias } from "module-name";
import { export1, export2 } from "module-name";
import { export1, export2 as alias2, /*  */ } from "module-name";
import { "string name" as alias } from "module-name";
import defaultExport, { export1, /*  */ } from "module-name";
import defaultExport, * as name from "module-name";
import "module-name";
defaultExport

JavaScript

module-name

.js Node node_modules

name

JavaScript

exportN

module-name

aliasN

JavaScript

import import type="module" <script> evalnew Function SyntaxError

letconstclassfunctionvar import

import await

import

  • import { export1, export2 } from "module-name";
  • import defaultExport from "module-name";
  • import * as name from "module-name";
  • import "module-name";

myExport export * from "another.js" my-module export myExport

js
import { myExport } from "/modules/my-module.js";

js
import { foo, bar } from "/modules/my-module.js";

shortName

js
import { reallyReallyLongModuleExportName as shortName } from "/modules/my-module.js";

js
// /modules/my-module.js
const a = 1;
export { a as "a-b" };
js
import { "a-b" as a } from "/modules/my-module.js";

import { x, y } from "mod" import defaultExport from "mod" defaultExport x y JavaScript

js
import myDefault from "/modules/my-module.js";

js
import myDefault, * as myModule from "/modules/my-module.js";
// myModule.default  myDefault 

js
import myDefault, { foo, bar } from "/modules/my-module.js";

default default

js
import { default as myDefault } from "/modules/my-module.js";

myModule /modules/my-module.js

js
import * as myModule from "/modules/my-module.js";

myModule /modules/my-module.js doAllTheAmazingThings()

js
myModule.doAllTheAmazingThings();

myModule null default

JavaScript import * from "module-name"

js
import "/modules/my-module.js";

polyfill

js
myModule.doAllTheAmazingThings(); // myModule.doAllTheAmazingThings 

import * as myModule from "/modules/my-module.js";

js
// getPrimes.js
/**
 *  `max` 
 */
export function getPrimes(max) {
  const isPrime = Array.from({ length: max }, () => true);
  isPrime[0] = isPrime[1] = false;
  isPrime[2] = true;
  for (let i = 2; i * i < max; i++) {
    if (isPrime[i]) {
      for (let j = i ** 2; j < max; j += i) {
        isPrime[j] = false;
      }
    }
  }
  return [...isPrime.entries()]
    .filter(([, isPrime]) => isPrime)
    .map(([number]) => number);
}
js
import { getPrimes } from "/modules/getPrimes.js";

console.log(getPrimes(10)); // [2, 3, 5, 7]

js
// my-module.js
export let myValue = 1;
setTimeout(() => {
  myValue = 2;
}, 500);
js
// main.js
import { myValue } from "/modules/my-module.js";
import * as myModule from "/modules/my-module.js";

console.log(myValue); // 1
console.log(myModule.myValue); // 1
setTimeout(() => {
  console.log(myValue); // 2my-module 
  console.log(myModule.myValue); // 2
  myValue = 3; // TypeError: Assignment to constant variable.
  // 
}, 1000);

ECMAScript 2027 LanguageSpecification
# sec-imports


Web Proxy Viewer  |  New URL  |  Original Page