Как импортировать пространство имен?

Question

У меня есть файл JavaScript, который содержит следующее:

const api = { 
    call(type, url, data) { 
    console.log(type + "bar"); 
    }, 

    get(url, query) { 
    this.call("foo"); 
    } 
} 

Я желающий иметь возможность вызывать api.get() по нескольким различным файлам где это необходимо, но у меня возникают проблемы с импортом этого.

1. Загрузка файла в одиночку через import дает мне ReferenceError при попытке получить доступ к api переменной:

   import "services/api.js"; 
   console.log(api); 
   

   Uncaught ReferenceError: api is not defined

2. Предоставление импорта имя (из api) возвращает объект, но он не имеет внутренних методов:

   import api from "../../services/api.js"; 
   console.log(api); 
   console.log(api.get); 
   

   Object {}
   undefined

Что я делаю неправильно?

Answer 1

api.js ничего не экспортирует. Вы должны переписать его экспортировать каждую из этих функций:

export function call(type, url, data) { 
    console.log(type + "bar"); 
} 
export function get(url, query) { 
    call("foo"); 
} 

(что гораздо лучше, чем по умолчанию, экспортирование api литерал объекта)

, а затем вы можете использовать его как

import * as api from "../../services/api.js"; 
console.log(api); 
console.log(api.get); 

Answer 2

Вы должны экспортировать API:

const api = ... 

export default api; 

Answer 3

Во-первых, вы должны экспортировать его, как таковой:

const api = { 
    call(type, url, data) { 
    console.log(type + "bar"); 
    }, 

    get(url, query) { 
    this.call("foo"); 
    } 
} 

export {api} 

И затем, импортировать его:

import {api} from './path/to/api' // no .js 

Этот подход используется при экспорте нескольких элементов (функций, классов, переменных) из одного файла. Если в вашем случае api единственный элемент, который вы экспорт, вы можете использовать default ключевое слово, и вы больше не нужны использовать почести во время импорта:

const api = { 
    call(type, url, data) { 
    console.log(type + "bar"); 
    }, 

    get(url, query) { 
    this.call("foo"); 
    } 
} 

export default api 

и

import api from './path/to/api' 

Хороший удачи!

Answer 4

Обратите внимание: экспорт/импорт - это спецификация модуля ES6. Для сред Node/CommonJS без каких-либо транспилеров это будет

// export 
module.exports.api = api 

// or 
module.exports = { api: api } ... 


// import 
var module = require(....)