Home >Web Front-end >JS Tutorial >What is \'export default\' and How is it Different from \'module.exports\'?

What is \'export default\' and How is it Different from \'module.exports\'?

DDD
DDDOriginal
2024-10-17 23:01:29360browse

What is

ES6's "export default" Explained

JavaScript's ES6 module system introduced "export default," a unique way of defining a default export for a module.

In the example provided, the file SafeString.js defines a SafeString class and exports it as the default export using:

export default SafeString;

This default export can be imported from another module by using the following syntax:

import SafeString from './SafeString.js';

Equivalent Syntax

Before ES6, there was no direct equivalent to "export default." However, a similar approach could be achieved using "module.exports:"

module.exports = SafeString;

This would assign the SafeString class to the module object, allowing other modules to access it.

The above is the detailed content of What is \'export default\' and How is it Different from \'module.exports\'?. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn