| [ Web Proxy ] |
| Viewing: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/import | [Back] [Original] |
Get to know MDN better
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";
defaultExportJavaScript
module-name .js Node node_modules
nameJavaScript
exportN module-name
aliasNJavaScript
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
import { myExport } from "/modules/my-module.js";
import { foo, bar } from "/modules/my-module.js";
shortName
import { reallyReallyLongModuleExportName as shortName } from "/modules/my-module.js";
// /modules/my-module.js
const a = 1;
export { a as "a-b" };
import { "a-b" as a } from "/modules/my-module.js";
import { x, y } from "mod" import defaultExport from "mod" defaultExport x y JavaScript
import myDefault from "/modules/my-module.js";
import myDefault, * as myModule from "/modules/my-module.js";
// myModule.default myDefault
import myDefault, { foo, bar } from "/modules/my-module.js";
default default
import { default as myDefault } from "/modules/my-module.js";
myModule /modules/my-module.js
import * as myModule from "/modules/my-module.js";
myModule /modules/my-module.js doAllTheAmazingThings()
myModule.doAllTheAmazingThings();
myModule null default
JavaScript import * from "module-name"
import "/modules/my-module.js";
myModule.doAllTheAmazingThings(); // myModule.doAllTheAmazingThings
import * as myModule from "/modules/my-module.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);
}
import { getPrimes } from "/modules/getPrimes.js";
console.log(getPrimes(10)); // [2, 3, 5, 7]
// my-module.js
export let myValue = 1;
setTimeout(() => {
myValue = 2;
}, 500);
// 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 |
exportimport()import.meta| Web Proxy Viewer | New URL | Original Page |