Différence entre export default et export const en JavaScript

Question

Bonjour,
J'ai fait un test, je m'explique cf le code :
export async function deletePost(postId) {
........
export const deletePost = async (postId) => {
.......
export default async function deletePost(postId) {
.....
Les deux premiers fonctionnent, la 3ème ne fonctionne pas, pourtant on a déjà utilisé cette forme, par exemple ici :
export default async function Index() {
//Variables
1) Comment savoir quand on met default ou pas ?
2) Pourquoi Louis Nicolas a privilégié la forme avec const , y a-t-il une raison particulière qui justifie de privilégier cette structure dans le cas présent ?
Merci pour les réponses.

Louis-Nicolas Leuillet · Accepted Answer

Hello Jean-Luc ! On doit mettre default quand on veut importer quelque chose par défaut :
import truc from "test"
Donc tu peux mettre ton "import" quand tu veux.
Pour le fait que ta troisième méthode ne fonctionne pas, je l'apprends !

Différence entre export default et export const en JavaScript

Formation Apprendre NextJS 16 en 2026