Как разбить js на файлы/модули?

Question

[Андрей]

Решил заняться декомпозицией кода, но столкнулся с тем, что совершенно не знаю, как это правильно сделать. Есть несколько разных методов импорта и экспорта, но все из них подразумевают наличие имён.

Как быть, если хочется просто отдельный кусок вынести в отдельный файл?

Answer 1

[Роман]

Совершенно не понимаю зачем городить огород с оборачиванием в функцию предложенный Александр Косицын . Этот способ скорее подходит для модулей написанных для браузера, с целью изолировать их пространство имен.
Предлагаю не заморачиваться, и поступить так, как показано в оф.доке express-а:

файл с кодом роутера

var express = require('express');
var router = express.Router();

// middleware that is specific to this router
router.use(function timeLog(req, res, next) {
  console.log('Time: ', Date.now());
  next();
});
// define the home page route
router.get('/', function(req, res) {
  res.send('Birds home page');
});
// define the about route
router.get('/about', function(req, res) {
  res.send('About birds');
});

module.exports = router;

основной файл приложения

...
var birds = require('./birds');
...
app.use('/birds', birds);
...

PS: при этом имена и местоположение файлов роутеров весьма условная вещь. По факту вы можете давать им любые имена и укладывать в любые папки, главное не запутайтесь при их подключении. Например некий роутер отвечающий за чат лежит в папке `/routers/chat` и называется `main.js`. Чтобы его подключить, нам надо будет написать что то типа:

...
var chat = require('./routers/chat/main.js');
...
app.use('/chat, chat);
...

Comments

[Александр Косицын]

Можно и создать объект где прописать объект
[{
Type: “get”
Handler: ()=>{}
Route: ‘/main’
},
{},
]
А потом его циклом перебрать
App.[route.type](route.route, route.handler)
И все роуты вынести в отедбный файл
Routes/index.js
Куда импортировать все херндлеры для роутов.
Также можно константой роуты сделать. Типа /main /nexpage и тд

[Роман]

Александр Косицын, можно еще проще, рекурсивно сканировать папку /routers/ с подпапками на передмет наличия main.js или index.js и их подключать как роутер для пути, соответствующему пути к файлу внутри /routers/. При этом внутри метод указывается уже внутри файлов роутера (хоть all, хоть get, post, put и delete, хоть все вместе)

например как то так (в основном файле приложения)

...

var fs = require('fs');
var path = require('path');

...

var loadRouters = function (dir){
    var files = fs.readdirSync(dir);
    files.forEach(fname=>{
        const fpath = path.join(dir,fname);
        if ( fs.statSync(fpath).isDirectory() ){
            loadRouters(fpath);
        }else if( fname === "main.js" ){
            const router = require('./'+fpath);
            app.use(dir, router);
        }else{
        
        }
    });
};

loadRouters("./routers");

...

PS: при таком варианте достаточно просто создать файл `main.js` в папке `./routers/` или ее подпапках и этот файл будет подключен как роутер автоматически

Answer 2

[Александр Косицын]

Если этот код делает что то определенное, то выноси в отдельный файл и подключай в html разметку.
А так оборачиваешь свой функционал в функцию. И потом вызываешь где надо в твоем коде в необходимое время.
Или импортируй его напрямую, соблюдая порядок импортов. При импорте файл исполняется
Посмотри в сторону вебпака.

Comments

[Андрей]

Этот код - роуты в express.js
Подумал, что логично их вынести в отдельный файл. Но там несколько методов, не экспортировать же их по отдельности? В общем, у меня голова прямо отключается уже. Понимаю, что ситуация элементарная, но не могу решить никак.

[Александр Косицын]

Выноси все роуты в отдельный файл. Заверни их в фунцию, которая принимает app и назови setRoutes. В нее кидай app. И она будет app.get делать

[Роман]

что вам мешает сделать так как показано в оф.документации express