| [ Web Proxy ] |
| Viewing: https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Statements/import#namespace_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 URLimport.meta.url URL Nodebundlers
nameJavaScript
exportNmodule-name
aliasNJavaScript
import import type="module" <script> evalnew Function SyntaxError
let const class function var import
import await
import 4
import { export1, export2 } from "module-name";import defaultExport from "module-name";import * as name from "module-name";import "module-name"; my-module myExport export * from "another.js" 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";
/modules/my-module.js myModule
import * as myModule from "/modules/my-module.js";
myModule 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";
ECMAScript Node.jsDeno HTML
HTML Node 3
/./../ URL CommonJS 1 CommonJS main.js utils/index.js utils/index.js
// main.js
const utils = require("./utils"); // "index.js"
const utils = require("./utils/index"); // ".js"
const utils = require("./utils/index.js"); //
import x from "./utils" utilsutils/index.jsutils.js URL HTML URL URL index.js Node.js ESM ECMAScript
import x from "./utils" URL HTML
file: URL Node file: URL
data URL NodeDeno MIME JavaScript text/javascriptJSON application/jsonWebAssembly application/wasm import
// HTTP URL
import x from "https://example.com/x.js";
// data URL
import x from "data:text/javascript,export default 42;";
// JSON data URL
import x from 'data:application/json,{"foo":42}' with { type: "json" };
text/javascript data URL data: URL import x from "data:text/javascript,import y from './y.js';" './y.js'
node: URL Node.js Node Bun Node
CommonJS node_modules import x from "foo" node_modules foo import maps
HTML import.meta.resolve
// 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); // 2; my-module has updated its value
console.log(myModule.myValue); // 2
myValue = 3; // TypeError: Assignment to constant variable.
//
}, 1000);
JavaScript import import JSON type: "json"
import data from "./data.json" with { type: "json" };
| ECMAScript 2027 LanguageSpecification # sec-imports |
exportimport()import.meta| Web Proxy Viewer | New URL | Original Page |