export default
是 ES6 模块系统中的语法
用于将一个值、变量、函数或类作为模块的默认导出
默认导出在一个模块中只能有一个,而且不需要使用花括号 { }
进行包裹
下面是 export default
的用法和一些示例:
1.导出一个值或变量作为默认导出
// moduleA.js
const message = 'Hello, world!';
export default message;// moduleB.js
import myMessage from './moduleA';
console.log(myMessage); // 输出:Hello, world!
在 moduleA.js
中,使用 export default
导出了一个字符串变量 message
。在 moduleB.js
中,我们使用 import myMessage from './moduleA'
导入了默认导出的值,并将其赋值给 myMessage
变量。这样就可以在 moduleB.js
中使用 myMessage
变量来访问默认导出的值
2.导出一个函数作为默认导出
// moduleA.js
export default function add(a, b) {return a + b;
}// moduleB.js
import myAddFunction from './moduleA';
console.log(myAddFunction(2, 3)); // 输出:5
在 moduleA.js
中,使用 export default
导出了一个函数 add
。在 moduleB.js
中,我们使用 import myAddFunction from './moduleA'
导入了默认导出的函数,并将其赋值给 myAddFunction
变量。这样就可以在 moduleB.js
中使用 myAddFunction
变量来调用默认导出的函数
3. 导出一个类作为默认导出
// moduleA.js
export default class Person {constructor(name) {this.name = name;}greet() {console.log(`Hello, ${this.name}!`);}
}// moduleB.js
import Person from './moduleA';
const person = new Person('John');
person.greet(); // 输出:Hello, John!
在 moduleA.js
中,使用 export default
导出了一个类 Person
在 moduleB.js
中,我们使用 import Person from './moduleA'
导入了默认导出的类,并使用 new
关键字创建了一个 Person
的实例,然后可以使用这个实例来调用默认导出的类中的方法
总结来说,export default
用于将一个值、变量、函数或类作为模块的默认导出。 在导入时,可以使用任意的标识符来引用默认导出项,而不需要使用花括号 { }
。默认导出在一个模块中只能有一个,但可以与其他命名导出项共存。