javascript - es6 내보내기 이해 문제

Question

여러분, 저는 Ruan Yifeng 선생님의 es6 입문 튜토리얼을 보다가 여러 번 읽어도 이해가 되지 않는 부분이 있었습니다

export 명령은 외부 인터페이스를 지정하고 모듈 내부 변수와 일대일 대응을 설정해야 한다는 점에 유의해야 합니다.

으아악

위의 두 가지 쓰기 방법은 외부 인터페이스가 제공되지 않기 때문에 오류를 보고합니다. 직접 작성하는 첫 번째 방법은 1을 출력하고, 두 번째 방법은 변수 m을 통해 1을 직접 출력하는 것은 인터페이스가 아닌 값일 뿐입니다. 올바른 작성 방법은 다음과 같습니다.

으아악

위의 세 가지 작성 방법은 모두 정확하며 외부 인터페이스 m을 지정합니다. 다른 스크립트는 이 인터페이스를 통해 값 1을 얻을 수 있습니다. 그들의 본질은 인터페이스 이름과 모듈의 내부 변수 사이에 일대일 대응을 설정하는 것입니다.

여기서 이 "인터페이스"는 정확히 무엇을 의미하나요?
for

으아악

차이점은 무엇인가요?

Answer 1

문법이 어떻게 규정되어 있는지 직접 살펴보는 것이 좋습니다:

으아아아

https://developer.mozilla.org에서 가져옴...

그가 말하는 인터페이스는 expression인데, 일반인의 관점에서는 상수(고정값)가 아닌 것입니다. expression 即表达式，用通俗的话说就是不是常量（固定值）的那么一种东西。

另外，你可以用default这样写：

export { name1, name2, …, nameN };
export { variable1 as name1, variable2 as name2, …, nameN };
export let name1, name2, …, nameN; // also var
export let name1 = …, name2 = …, …, nameN; // also var, const

export expression;
export default expression;
export default function (…) { … } // also class, function*
export default function name1(…) { … } // also class, function*
export { name1 as default, … };

export * from …;
export { name1, name2, …, nameN } from …;
export { import1 as name1, import2 as name2, …, nameN } from …;

因为 m = 1 是一个表达式。其它地方你可以直接 import m from ...

또한 기본값을 사용하여 다음과 같이 작성할 수 있습니다. 🎜 으아아아 🎜 m = 1은 표현식이기 때문이죠. 다른 곳에서는 직접 import m from ...할 수 있으며 그러면 m 값은 1이 됩니다.🎜