09 Модуль - Node.js, NPM, Webpack -- 03 Модульность кода

Question 1

Наиболее важные преимущества модулей это

Answer 1

поддерживаемость, пространство имен и повторное использование.

Question 2

Модульный код пытаются разбить на файлы, в каждом из которых

Answer 2

код, который выполняет отдельный функционал.

Question 3

Сборка модулей — это процесс

Answer 3

конкатенации группы модулей, в один или группу файлов.

Question 4

Обычно код делят на папки и файлы. Наличие отдельных тегов script для каждого файла означает, что

Answer 4

браузер будет загружать каждый файл по отдельности, что негативно сказывается на скорости загрузки страницы. Чтобы обойти эту проблему, файлы объединяются в один или пару файлов, чтобы уменьшить количество запросов.

Question 5

Каждый JS-файл хранит код в уникальном контексте модуля. Для того чтобы описать интерфейс модуля используется

Answer 5

объект module.exports, значение которого будет доступно для использования другими модулями при импорте.

Question 6

Для того чтобы получить интерфейс модуля в коде (импортировать), используется функция

Answer 6

require(‘путь-к-модулю’). Результатом своего выполнения require вернет интерфейс модуля — то что в модуле указано в module.exports.

Question 7

Операции экспорта сущностей и импорта интерфейса модуля реализованы конструкциями

Answer 7

import from и export.

Question 8

Модуль может экспортировать несколько сущностей, которые отличаются своими именами и называются

Answer 8

именованными экспортами(Named export)

Question 9

Чтобы импортировать именованные экспорты в другой модуль, необходимо

Answer 9

знать имена экспортируемых сущностей, которые мы хотим импортировать.

Question 10

Первый способ экспортировать это использовать

Answer 10

ключевое слово export перед всеми сущностями которые необходимо экспортировать. Они будут добавлены как свойства в экспортируемый объект. При импорте мы деструктуризируем свойства из импортируемого объекта.
Пример:
// myModule.js
const sqrt = Math.sqrt;
export const square = x => x * x;
export const diag = (x, y) => sqrt(square(x) + square(y));

// main.js
import { square, diag } from './path/to/myModule';

console. log(square(11)); // 121
console. log(diag(4, 3)); // 5

Question 11

Второй способ это явно указать объект со

Answer 11

свойствами для экспорта
Пример:
// myModule.js
const sqrt = Math.sqrt;
const square = x => x * x;
const diag = (x, y) => sqrt(square(x) + square(y));

export { square, diag };

// main.js
import { square, diag } from './path/to/myModule';

console. log(square(11)); // 121
console. log(diag(4, 3)); // 5

Question 12

Следующий синтаксис импортирует все экспорты модуля как объект с указанным именем.

Answer 12

// main.js
import * as myModule from './path/to/myModule';

console. log(myModule.square(11)); // 121
console. log(myModule.diag(4, 3)); // 5

Question 13

Экспорт по умолчанию(Default export) — это

Answer 13

самое главное экспортируемое значение, которое может быть чем угодно: переменной, функцией, классом и т. д.

Question 14

Some differences that might make you choose one over the other:
Named Exports:
Default Exports:

Answer 14

Named Exports : {

• • Can export multiple values
• • MUST use the exported name when importing}

Default Exports : {

• • Export a single value
• • Can use any name when importing}