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

Question

[Владимир]

Немного истории о том как работает скрипт...
Когда запускаю скрипт происходит так что выполняется функция status и значение отдает сразу undefined, после чего это значение отдается return status(); после того как page.open(url, status); загрузился callback отдает значение success, но это значение не попадает в return status(); оно там по прежнему undefined.

Вопрос такой знатокам js, как сделать что бы после загрузки страницы с помощью page.open(url, status); получить статус success или fail и отдать его на выходе функции xPage('https://ya.ru/'), было boolean значение True или False.

var webPage = require('webpage'),
    page = webPage.create();


function xPage(url){

  var xStatus = function(status, a) {
   
   if(status === 'success')
   {
   	console.log('StatusPage: ' + status);
    
    a = 'ggggggggggggg';
    return{a:a}
   }
   
   else
   
   if(status === 'fail')
   console.log('StatusPage: ' + status);

   else
   console.log('Status = undefined');
   
  }

  var b;
  page.open(url, xStatus(b));

  console.log(b);
  
}

xPage('https://ya.ru/');

Answer 1

[Алексей Уколов]

Как сделать так, чтобы функция выполнялась только после того, как другая завершится?

Comments

[Владимир]

в return функции xPage() попадает undefined, но после callback функции status() (так как она получает статус страницы и обновляет содержание данной функции) данные в return функции xPage() остаются не изменными так return функции xPage() уже выполнен? в чем может быть проблема, и как это решить на чистом js

[Алексей Уколов]

Вы в xPage возвращаете результат выполнения функции status. Но аргументов в неё не передаёте, вот и возвращается undefined.
Если честно, судя по вашему коду и вашим вопросам, вам нужно базу подтягивать, потому что вы вообще не понимаете, что в коде происходит. Я могу написать за вас код (не буду, разумеется, но могу), но он вам не поможет - вы через 5 минут вернётесь с другим вопросом.

[Владимир]

Алексей Уколов: Нет писать за меня не нужно, для того и задаю что бы научится)

[Владимир]

Алексей Уколов: var webPage = require('webpage'),
page = webPage.create();

function xPage(url){

var xStatus;

var status = function(status) {

console.log('StatusPage: ' + status);

return status;

}

page.open(url, status);

xStatus = status();

console.log(xStatus);

}

xPage('https://ya.ru/')

вот такой код и вот что выводит кансоль

StatusPage: undefined
console.log(xStatus); = undefined
StatusPage: success

[Алексей Уколов]

Ну и правильно он выводит, чего же вы ожидали? Ещё раз говорю - читайте базу, читайте мой комментарий, читайте ответ по ссылке. Поймите, что происходит в вашем коде, без этого вы двинуться с места не сможете.

[Владимир]

Алексей Уколов: Пробовал делать так как вы говорили, ничего не вышло, код обновил в вопросе.
Не могу вытащить измененную переменную "a" из функции наружу.

Answer 2

[Дима]

С использованием классических промисов будет быглядеть примерно так

var webPage = require('webpage'),
    page = webPage.create();

var Promise = require('bluebird');

function xPage(url){

    return new Promise(function (resolve, reject) {
       page.open(url, function (status) {
           if (status !== 'success') {
               console.log('StatusPage: ' + status);
               reject(status);
           } else {
               console.log('StatusPage: ' + status);
               var a = 'ggggggggggggg';
               resolve({
                   a: a
               });
           }
       });
   });
    
}

xPage('https://ya.ru/')
    .then(function (stat) {
        console.log( JSON.stringify(stat) );
        page.render(Date.now() + '.png');
        phantom.exit();
    })
    .catch(function(err){ console.log(err) })
;

bluebird инсталлируется как обычно через
npm i bluebird
находясь в папке проекта phantomjs