Различия Import и require?

Question

[vladislavprozorovskiy]

Добрый день всем, хотел узнать в чем различия между import-ом и required в javascript.Например у нас есть два подключения

import './components';
require('./helpers');

В чем их разница?Буду благодарен за развернутый ответ или ссылку на ресурс где можно прочесть

Comments

[Pavel]

google -> "import vs require js"

[vladislavprozorovskiy]

Pavel, читал, но кроме того что require выполняется синхронно и может выполняться динамически, а import имеет именованный импорт и выполняется асинхронно ничего больше не нашел

[Alex]

При использовании import (ESM):
1. Import - "современно"
2. В IDE будет работать автокоплит.
3. В скриптах не будут доступны __dirname __filename

Answer 1

[Даша Циклаури]

в кол-ве операций копирования помимо всего прочего ссылка

Answer 2

[Иван]

Импорт более свеж и немного более удобен при получении переменных из экспорта.
В основном разница в поддержке - без Babel’ля не везде заработает.

Comments

[Антон Швец]

по удобству разницы никакой.

const { featureA, featureA } = require('features');