• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

then() wykonuje się zanim funkcja na której został wykonany skończy działanie js

42 Warsaw Coding Academy
0 głosów
438 wizyt
pytanie zadane 18 stycznia 2019 w JavaScript przez Krzysztofson Użytkownik (620 p.)

Witam, mam taką funkcję:

async function work(count){
     console.log(count)
    if (count == mainPages.length) {
      process.exit();
    }else {
      await sitesCheck(mainPages[count]).then(work(count++));
      console.log('wyswietlam sie zanim funkcja sitesCheck sie wykona :( )')
    }
  }

Problem polega na tym, że instrukcja then i console.log() poniżej wykonuje się zanim funkcja sitesCheck kończy działanie. Jak temu zapobiec?

funkcja sitesCheck:

async function sitesCheck(page){
    var site = Site;
    site.name = page
    //console.log(site.name)
    request(site.name, async function(err, response, html){
      if (!err) {
        var $ = cheerio.load(html);
        var href = $("a").each(function(){
          var a = $(this).attr('href');
          site.subPages.push(a);
        });
        //console.log(site)
        //console.log('------------------')
      var link;

      for (const item of site.subPages) {
        //console.log(item)
        if ( !(item.includes('http://') || item.includes('https://')) ) {
          //console.log('ert')
          if ( !item.includes('www')) {
            if (!item.includes('.')) {
              if ( !(item.includes('(') || item.includes(')') || item.includes(';') || item.includes(',') || item.includes('#')) ) {
                link = site.name + item;
              }else {
                continue;
              }
            }else {
              if (item.includes('.html') || item.includes('.php') || item.includes('.ejs')) {
                link = site.name + item;
              }else {
                link = 'www.' + item;
              }
            }
          }
        }else {
          link = item;
        }

        //console.log(link);

        await takeContent(link).then(val => checkWords(val, page, link))
      }
      }
      //console.log('witam was')
      return true;
    });
}

 

1 odpowiedź

+1 głos
odpowiedź 18 stycznia 2019 przez adrian17 Mentor (353,220 p.)
request(site.name, async function(err, response, html){

Na oko, powinieneś await-ować na request(), zamiast przekazywać callback.

W dodatku z tego co widzę request() natywnie nie wspiera promise'ów, trzeba użyć narzędzia do owinięcia go:

https://github.com/request/request#promises--asyncawait

komentarz 18 stycznia 2019 przez Krzysztofson Użytkownik (620 p.)

zastosowałem twoje wskazówki jednak efekt jest ten sam. Zaktualizowany kod sitesCheck:

async function sitesCheck(page){
    var site = Site;
    site.name = page
    //console.log(site.name)
    //var rp = require('request-promise');
    await rp(site.name, function(err, response, html){
      if (!err) {
        var $ = cheerio.load(html);
        var href = $("a").each(function(){
          var a = $(this).attr('href');
          site.subPages.push(a);
        });
        //console.log(site)
        //console.log('------------------')
      var link;
 
      for (const item of site.subPages) {
        //console.log(item)
        if ( !(item.includes('http://') || item.includes('https://')) ) {
          //console.log('ert')
          if ( !item.includes('www')) {
            if (!item.includes('.')) {
              if ( !(item.includes('(') || item.includes(')') || item.includes(';') || item.includes(',') || item.includes('#')) ) {
                link = site.name + item;
              }else {
                continue;
              }
            }else {
              if (item.includes('.html') || item.includes('.php') || item.includes('.ejs')) {
                link = site.name + item;
              }else {
                link = 'www.' + item;
              }
            }
          }
        }else {
          link = item;
        }
 
        //console.log(link);
 
        await takeContent(link).then(val => checkWords(val, page, link))
      }
      }
      //console.log('witam was')
      return true;
    });
}

 

komentarz 18 stycznia 2019 przez adrian17 Mentor (353,220 p.)

Powtórzę sugestię, await zamiast callbacka. Zawartość callbacka może być po prostu kodem pod awaitem.

komentarz 18 stycznia 2019 przez Krzysztofson Użytkownik (620 p.)
ale muszę jakoś odebrać dane z requesta. Jak zrobić to bez callbacka ?
komentarz 18 stycznia 2019 przez adrian17 Mentor (353,220 p.)

Pewnie tak:

let [err, response, html] = await rp(site.name);

 

komentarz 18 stycznia 2019 przez Krzysztofson Użytkownik (620 p.)
nie działa takie przypisanie ;/
komentarz 18 stycznia 2019 przez adrian17 Mentor (353,220 p.)

A, spojrzałem na dokumentację i z tego co widzę to po prostu

let html = await rp(site.name);

 

komentarz 18 stycznia 2019 przez Krzysztofson Użytkownik (620 p.)
dzięki, działa :D

Podobne pytania

0 głosów
1 odpowiedź 143 wizyt
pytanie zadane 24 grudnia 2022 w JavaScript przez rafaeru Początkujący (330 p.)
0 głosów
4 odpowiedzi 967 wizyt
pytanie zadane 5 marca 2019 w JavaScript przez PROFF Obywatel (1,180 p.)
+1 głos
2 odpowiedzi 471 wizyt
pytanie zadane 10 marca 2020 w C# przez JakSky Stary wyjadacz (14,770 p.)

93,385 zapytań

142,384 odpowiedzi

322,540 komentarzy

62,745 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

VMware Cloud PRO - przenieś swoją infrastrukturę IT do chmury
...