Comment accéder aux fonctions définies dans le module ES6 dans la console JavaScript d'un navigateur?

Question

J'ai une fonction qui est définie dans un module ES6 (sender.js) comme suit:

function send() { 
    // do stuff 
} 
export {send}; 

Ce module est l'utilisé dans le principal fichier JavaScript de l'application app.js comme suit:

import {send} from "./sender" 

Le send fonction est disponible dans le fichier app.js, cependant ce n'est pas dans la console Javascript de Firefox:

> send 
ReferenceError: send is not defined 

Comment puis-je importer la fonction send dans la console JavaScript?

Answer 1

Vous pouvez définir la fonction spécifique comme globale en l'affectant à l'objet global - dans les navigateurs window.

import {send} from "./sender"; 
window.send = send; 

Notez que bien qu'il puisse être utile pour le débogage, vous ne devriez pas utiliser que dans le code de production - voir Why are global variables considered bad practice?