javascript-从MDN文档导入ES6中的语句

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-从MDN文档导入ES6中的语句，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2680字，纯文字阅读大概需要4分钟。

内容图文

我正在经历Firefox import statements.

他们显示了某些这样的进口声明

import defaultExport from "module-name";
import * as name from "module-name";
import { export } from "module-name";
import { export as alias } from "module-name";
import { export1 , export2 } from "module-name";
import { export1 , export2 as alias2 , [...] } from "module-name";
import defaultExport, { export [ , [...] ] } from "module-name";
import defaultExport, * as name from "module-name";
import "module-name";

但是没有添加示例来帮助区分某些示例,它们的示例也有点含糊.

从文档中,有很多事情对我来说没有意义.例如,名称与defaultExport有何不同

虽然默认导出对我来说确实很有意义,但名称的定义有点难以理解

他们给的解释：

The name parameter is the name of the “module object” which will be
used as a kind of namespace to refer to the exports.

从以上语法中：import“ module-name”;

第二：

import { export as alias } from "module-name";

另外,如果我们有多个功能需要导出

function abc1 () {
}

function abc2 () {
} 

这将是正确的出口方式吗？

export abc1;
export abc2; 

然后,如果我们导入,如何将变量附加到该变量上？这是这样的陈述出现的地方吗？

import { export as alias } from "module-name";

解决方法:

给定此模块的模块名称：

// module-name.js
export default function foo(){ console.log("foo");}
export function bar(){ console.log("bar");}
console.log("hello world");

考虑以下情况,这些情况已在node.js v9.11.1中使用node –experimental-modules some-importer.mjs命令进行了测试：

导入默认导出

// import defaultExport from "module-name";
import fizzbuzz from "module-name";

只有默认的导出将可用,因此：

>可用的fizzbuzz(为foo)
>酒吧不可用
> console.log(hello world)将已经运行

使用*通配符导入所有导出

import * as name from "module-name";

所有导出都可用,但附加到标识为名称的对象上：

> foo不可用
>酒吧不可用
> name.foo不可用(尽管您认为可以)
> name.bar可用
> console.log(hello world)将已经运行

导入已识别的出口

// import { export } from "module-name";
import { bar } from "module-name"

仅已识别的导出可用：

> foo不可用
>酒吧可用
> console.log(hello world)将已经运行

导入已标识的导出作为别名

// import { export as alias } from "module-name";
import { bar as mybar } from "module-name";

仅已标识的导出可用,并且仅作为已标识的别名：

> foo不可用
>酒吧不可用
> mybar(也就是bar)可用
> console.log(hello world)将已经运行

导入默认导出并使用*通配符

// import defaultExport, * as name from "module-name";
import fizzbuzz, * as name from "module-name";

模块中的默认项目可以引用为defaultExport,所有其他导出的项目都附加到名称

>可用的fizzbuzz(为foo)
>酒吧不可用
> name.bar可用
> console.log(hello world)将已经运行

没有实际确定的进口

import "module-name";

该模块已加载,但是在导入的模块中实际上不可用.这意味着文件正在运行,但没有任何内容公开

> foo不可用
>酒吧不可用
> console.log(hello world)将已经运行

内容总结

以上是互联网集市为您收集整理的javascript-从MDN文档导入ES6中的语句全部内容，希望文章能够帮你解决javascript-从MDN文档导入ES6中的语句所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端