가져 오기 문에서 내 보낸 객체를 분해하는 경우

Question

export default { a: fn1, b: fn2 }을 수행하는 모듈이있는 경우과 같이 fn1 만 가져 오는 방법이 있습니까?

Answer 1

export { fn1, fn2 }은 검색하려는 내용을 수정하지만 다양한 방법으로 내보내고 가져올 수 있습니다. 그 중 일부는 다음과 같습니다. 내가 ES6 Modules in Depth

NAME 건너 한 좋은 기사

하나는

export fn1; 
export fn2; 
// OR 
export { fn1, fn2 }; 

import { fn1, fn2 } from ''; 
fn1(); 
// OR 
import { fn1 as a, fn2 as b } from ''; 
a(); 
// OR 
import * as funcs from ''; 
funcs.fn1(); 

DEFAULT 수출

// ONLY ONE PER MODULE 
export default fn1; 

import fn1 from ''; 
fn1(); 

MIXED

수출

export default fn2; 

export fn1; 

import fn2, { fn1 } from ''; 
import { default as fn2, fn1 } from ''; 
fn1(); 

Answer 2

는 기본 사용

export { fn1, fn2 } 

Answer 3

예를 사용하지 마십시오,하지만 당신은 다르게 내보낼 수 있습니다. 당신이 가져올 때 중괄호로, 다음 가져 오기를

export { fn1, fn2 }; 

을하고 사용하는 것과 같은 정확한 이름을 그들은으로 수출했다 :

대신 기본 객체를 내보내기로, 값 자체를 수출

import { fn1, fn2 } from './mymodule.js'; 

그러면 사용할 수있는 개별 값이됩니다.

fn1(); 

기술적으로 구조가 파괴되었지만 매우 비슷해 보입니다.