ES6 module syntax loading import export
This time I bring you ES6 module syntax loading import export, ES6 module syntax loading import export What are the precautions, the following is a practical case, let's take a look.
export: exposure, that is, exposing the interface
import: introduction, just like the literal meaning, introduce the interface
export {}
export function demo(){}
export var demo1;The two above Export can be abbreviated as
function demo(){}
var demo1;
export {demo, demo1}
import {}Correspondingly, of course there is import
import {demo,demo1} from ..path
Of course, you can also write another way of writing import * as name from ..path Then when refers to , it is name.demo() like this
export default
And there is export default
A file can only be used once export default
export default function demo(){}
Then when importing
import default
import name(this The name is just chosen by me.) from ..path
I don’t see this without curly brackets
But
It’s precisely because the export default command actually only outputs a file called default variable, so it cannot be followed by a variable declaration statement.
So if export default var a=1 is written like this, an error will be reported! ! ! ! !
var a=1;
export defatult a ;
This is also possible
export * from a certain module
this export* will ignore the interface output by the export default of the module
If you say this, import * from a certain module will not be able to import the export default interface defined by the module
I believe it will take a look After reading these cases, you have mastered the methods. For more exciting information, please pay attention to php Chinese websiteOther related articles!
Related reading:
How to make copyright symbols more beautiful in HTML
html Jump to other pages in two seconds
What should you pay attention to about centering elements in HTML
The above is the detailed content of ES6 module syntax loading import export. For more information, please follow other related articles on the PHP Chinese website!
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
'The requested module does not provide an export named' Error appears in Vue Cli - how to solve it?
Aug 20, 2023 pm 07:25 PM
'Therequestedmoduledoesnotprovideanexportnamed'Error appears in VueCli – how to solve it? During the development of the Vue project, we may encounter the error message 'Therequestedmoduledoesnotprovideanexportnamed'. This error message usually appears when introducing third-party components
How does Python's import work?
May 15, 2023 pm 08:13 PM
Hello, my name is somenzz, you can call me Brother Zheng. Python's import is very intuitive, but even so, sometimes you will find that even though the package is there, we will still encounter ModuleNotFoundError. Obviously the relative path is very correct, but the error ImportError:attemptedrelativeimportwithnoknownparentpackage imports a module in the same directory and a different one. The modules of the directory are completely different. This article helps you easily handle the import by analyzing some problems often encountered when using import. Based on this, you can easily create attributes.
ModuleNotFoundError: How to solve Python module not found error?
Jun 25, 2023 pm 09:30 PM
During the development process of Python, we often encounter module not found errors. The specific manifestation of this error is that Python reports one of two errors: ModuleNotFoundError or ImportError when importing the module. This error is very annoying and can cause the program to not run properly, so in this article, we will explore the causes of this error and how to solve it. ModuleNotFoundError and ImportError in Pyth
Java9 new feature Module modular programming method
May 19, 2023 pm 01:51 PM
In the Java9 version, the Java language introduced a very important concept: module. If you are familiar with the modular management of JavaScript code, you should feel familiar when you see the modular management of Java 9. 1. What is Javamodule? Somewhat similar to packages in Java, modules introduce another level of grouping of Java code. Each such group (module) contains many sub-packages. Declare the folder and its subfolders as a module by adding the file module-info.java to the root of a module's source code file package. The file syntax
The difference between link and import is explained in detail: What are the differences between them?
Jan 06, 2024 am 08:19 AM
In-depth analysis: What is the difference between link and import? When developing web pages or applications, we often need to introduce external CSS files or JavaScript libraries to enhance or customize our code. In this process, link and import are two commonly used methods. Although their purpose is to introduce external resources, there are some differences in specific usage. Syntax and location: link: Use the link tag to link external resources into the HTML file, usually located at the head of the HTML document
What is the difference between link tag and import?
Aug 28, 2023 am 11:19 AM
The differences between link tags and import include syntax and usage, functions and features, loading timing, compatibility and support, etc. Detailed introduction: 1. Syntax and usage. The link tag is an HTML tag, used to introduce external resources into HTML documents, such as CSS style sheets, JavaScript scripts, icons, etc. import is the module import syntax in ES6, used in JavaScript files. Introduce external modules; 2. Functions and features. The link tag can introduce a variety of resources, such as CSS style sheets, icons, etc.
How to solve the problem that the Java package does not exist when importing the package
Apr 19, 2023 am 10:22 AM
There are many solutions on the Internet. I have summarized the ones I thought of for future reference. You may be able to solve the problem by using one of them. I solved it by using the last one. If the package you want to import does not exist under Libraries, then you have to check whether there is any problem with the corresponding dependency writing in the pom, and whether there is a corresponding jar package in the warehouse in use such as the name version. If Make sure there is no problem, then try the first few methods below to solve it. 1. Execute Maven->reloadproject Function: Re-import the Maven package 2 ways: 1. Select the right button of the Project directory->Maven->reloadproject2
A brief analysis of how to use import syntax in node
Mar 21, 2023 pm 06:53 PM
Node.js supports import syntax. It is a simple knowledge point, but it can remind us to get out of knowledge misunderstandings, pay more attention to the outside world of knowledge, and constantly open up the boundaries of our own knowledge.
