Javascript ES6进出口问题
我正在尝试导出ES6中的函数,以便从其他文件访问它们。 但我不知道怎么做 文件1:(导入) 文件2:(导出) 为什么我不能从文件1访问文件2中声明的函数“hej”? 这对我来说没有意义Javascript ES6进出口问题,javascript,ecmascript-6,Javascript,Ecmascript 6,我正在尝试导出ES6中的函数,以便从其他文件访问它们。 但我不知道怎么做 文件1:(导入) 文件2:(导出) 为什么我不能从文件1访问文件2中声明的函数“hej”? 这对我来说没有意义 请帮忙 您正在执行命名导出,而不是默认导出,因此导入语法将不起作用。要导入当前的hej,您必须执行以下操作: // Imports a single object by name import { hej } from './components/components'; console.log(hej); 或
请帮忙 您正在执行命名导出,而不是默认导出,因此导入语法将不起作用。要导入当前的
hej
,您必须执行以下操作:
// Imports a single object by name
import { hej } from './components/components';
console.log(hej);
或:
此外,您的导出语法不正确-
export var hej
应该是export{hej}
,因为您没有在那里定义新变量,而是在使用现有变量。或者,您可以将函数声明更改为export-var-hej=()=>{…}代码>,这将产生相同的效果。您正在执行命名导出,而不是默认导出,因此导入语法将不起作用。要导入当前的hej
,您必须执行以下操作:
// Imports a single object by name
import { hej } from './components/components';
console.log(hej);
或:
此外,您的导出语法不正确-export var hej
应该是export{hej}
,因为您没有在那里定义新变量,而是在使用现有变量。或者,您可以将函数声明更改为export-var-hej=()=>{…}代码>,这将产生相同的效果。请发布您的目录结构。如果您将函数存储在命名变量中,然后通过变量公开函数,则使用函数箭头是没有意义的。在本例中,使用标准的函数hej(){…}
似乎您根本没有读过有关导入和导出的内容。MDN提供了一些示例,这些示例准确地显示了要执行的操作:,。请发布您的目录结构。如果您将函数存储在命名变量中,然后通过该变量公开它,则使用函数箭头是没有意义的。在本例中,使用标准的函数hej(){…}
似乎您根本没有读过有关导入和导出的内容。MDN有一些例子精确地说明了该做什么:,。啊,我明白了。谢谢你,伙计。这真的帮了我。@user2952238:很高兴我能帮上忙。我绝对推荐阅读Felix Kling在评论中发布的链接——这里有一些很好的例子。啊,我明白了。谢谢你,伙计。这真的帮了我。@user2952238:很高兴我能帮上忙。我绝对推荐阅读Felix Kling在评论中发布的链接——这里有一些很好的例子。
// Imports a single object by name
import { hej } from './components/components';
console.log(hej);
// Imports all exported objects grouped together under the specified name
import * as components from './components/components';
console.log(components.hej);