Как вернуть результат из вложенной функции?

Question

[Brendan Castaneda]

Не могу разобраться как вернуть результат моей вложенной функции.
e = filesBasename.split();
Пытаюсь вернуть значение e т.е. это результат выполнения.
Прошу помощи

function main() {
        return src('frontend/**/*.scss')
            .on('data', function(file) {

                fs.readFile(file.path, "utf8", (err, elem) => {
                    if (err) throw err;
                    const regexp = /@import\s*["']([^"']+)["'];/gi;
                    let result = elem.matchAll(regexp);
                    const matchGroupValues = [...result].map(([, group1]) => group1);
                    const valuesInArrays = matchGroupValues.map(value1 => [value1]);

                    function main1(e) {
                        for (let value of valuesInArrays) {
                            let filesBasename = value + '' + '.css';
                            e = filesBasename.split();
                            return main1;
                        }
                    };
                })
            })
    };

    // Возвращаем результат работы функции main1()
    main()(console.log());

Comments

[zkrvndm]

Нифига не понятно, но попробуйте использовать промисы.

[Роман]

Тот код который вы показали вообще не предполагает возврата значений, вы тут намутили колбэков, обработчиков событий и вообще нигде не вызываете функцию main1.

[Роман]

Попробуйте взять ваш код, и перед каждой строчкой написать комментарий о том, что по вашему это строчка делает и для чего вам это надо, тогда я смогу понять что вы хотите получить в результате и подсказать вам решение вашего вопроса

[Роман]

Надим Закиров, тут бы еще понять что за либу или самописную фанку автор использует. я про это src('frontend/**/*.scss').on(...)

[Сергей delphinpro]

Роман, да ладно, что там понимать-то? Чел пишет некий плагин для системы сборки, вероятно для gulp, который каким-то особым образом будет обрабатывать импорты в scss файлах.

[Brendan Castaneda]

Сергей delphinpro, В точку.
На самом деле это не плагин. Я пишу код для того, чтобы было возможно использовать sass плагин напрямую в Gulp адаптирую его.
Я уже написал этот код. Хочу довести до ума и улучшить его.
И вот у меня есть функция в которой есть ретёрн и ещё одна функция в которой допустим переменная равна резултату. Я путаюсь использовать эту переменную за пределами этих функций.
Я был-бы рад если-бы вы накидали простой пример такой реализации.
Не понимаю как это возможно сделать.

Допустим к примеру вот вызвать переменную result за пределами этих функций.
Т.е. не важно что там выполняет первая функция.

function main() {
        return src('frontend/**/*.scss')
        function mainDate() {
                return let result = element;
        }
}

console.log(result)

[Роман]

Сергей delphinpro, ну так получилось что системы сборки в общем и gulp в частности обошли меня стороной. Только последнее время стал немного пользовать webpack, но опять же до написания плагинов необходимость еще не довела. В любом случае тот код что показал автор - странная вещь. И вот почему:
1. если не предпологается асинхонной обработки данных в несколько потоков, то зачем городить огород с обработчиками событий и колбэками, особенно учитывая что они никак не связанны и ничего не делают (никуда не отправляют/возвращают результат своей работы)
2. если же предпологается асинхронная обработка данных, то вообще непонятно зачем в обработчике
.on('data', function(file) { ... } ) автор делает fs.readFile(file.path, ... );. Ведь по логике вещей событие 'data' уже должно содержать данные о файле и его содержимом. Ну и в том же духе дальше по коду.

Короче на мой взгляд написан ничего не делающий бред. Но это не точно и является лишь моим ИМХО))))

[Роман]

Допустим к примеру вот вызвать переменную result за пределами этих функций.
Т.е. не важно что там выполняет первая функция.

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

(async function(){
  let resolve, reject;
  let promise = new Promise((_resolve, _reject) => {
     resolve = _resolve;
     reject = _reject
  });

  function main() {
        // return src('frontend*.scss')
        function mainDate() {
                resolve('123456')
                // resolve(element)
        }
        mainDate();
  }

  main();

  const result = await promise;
  console.log(result) // 12345
})()

[Brendan Castaneda]

Роман,
Согласен можно было преобразовать Buffer из file в строку .on('data', function(file) { ... } )
Затем применить фильтр по regEx. Без использования дополнительного fs.readFile(file.path, ... );

[Brendan Castaneda]

Роман, Как вариант. Я тут посидел, подумал разбить на отдельные функции задачу.
После выполнения каждой функции получать результат работы и полученные результаты объединить в одной отдельной функции которая сделает то, что должна. Так будет гораздо проще и лучше.

[Роман]

Brendan Castaneda, ну и правильно, чем больше пытаетесь найти решения самостоятельно - тем быстрее освоите нюансы всех этих псевдосложных штук из асинхронного JS