[SOLUCIONADO] función retorna undefined

[Triby2]

Saludos, os comparto el código y os comento dentro del código (ver los comentarios dentro del javascript)

Código Javascript:

var FinalDocument = function () {
    'use strict';
 
    var OrderID = '';
    var hasInvoice = false;
 
    var initReportFinal = function() {
        OrderID = $('#master-order').val();
        var url = '/orders/has-invoice/' + OrderID;
        var url2 = '/documents/final-document/' + OrderID;
        var url3 = '/documents/preview/' + OrderID;
 
        $('body').on('click', '.subgroups.viewFR', function (event) {
             // Aquí me está devolviendo "undefined"
             hasInvoice = checkIfInvoiceExist(url);
 
             if(hasInvoice) {
                 $.ajax({
                     url: url2,
                     beforeSend: function () {
                         $('.ring-label').text('Generating');
                         $('.bottom-ring-label').css('display', 'block');
                     },
                     complete: function () {
                         $('.bottom-ring-label').css('display', 'none');
                     },
                     success: function(data) {
                         window.open(url3, '_blank');
                     }
                 });
             } else
                 swal("There's no any invoice generated, so you cannot generate the final document.", "Lien Application", "warning");
        });
 
        function checkIfInvoiceExist(url) {
            $.ajax({
                url: url,
                beforeSend: function () {
                    $('.ring-label').text('Processing');
                    $('.bottom-ring-label').css('display', 'block');
                },
                complete: function () {
                    $('.bottom-ring-label').css('display', 'none');
                },
                success: function (data) {
                    // Hasta aquí se recibe el resultado de la consulta "true o false"
                    console.info('HasInvoice? ' + data.success);
                    return data.success;
                }
            });
        }
    }
 
    return {
        init: function () {
            initChecklistBTN();
            initInvoicePreview();
            initReportFinal();
        }
    };
 
}();
 

He tratado también aunque sea absurdo, sacar fuera del la clase la función checkIfInvoiceExist() pero nada, como era de esperar, el resultado sigue siendo igual.

Me estoy viendo obligado a seguir ejecutando el código dentro de la misma función pero no me interesa pues hay otras funciones que hace uso de la función checkIfInvoiceExist() y dependiendo del resultado hace otras cosas.

Algúna explicación / solución a porqué no me está devolviendo el resultado a la variable cuando sí debería de hacerlo.

[Triby]

Revisa este tema: http://stackoverflow.com/questions/2...le-its-all-goo es el mismo problema.

[dardosmania]

Es un problema tipico en javascript, retorna undefined debido a que es una funcion que realiza una peticion ajax, que tiene callback que seran ejecutados cuando obtengas la respuesta del servidor pero la funcion a la cual tu realmente estas llamando ya ha acabado su ejecucion cuando el callback retorna.

Para poder conseguir lo que quieres tienes que usar promesas que es6 ya lo da nativo en el propio javascript.

Si nunca te has pegado con la asincronia al principio te sonara a chino.

[Triby2]

Gracias tocayo y dardosmania, entre los dos me aclarasteis el tema.

La verdad que cuando estoy con javascript me acuerdo muy poco de la asincronía, me acuerdo de ello cuando he de poner algo en orden pero en este caso ni pensé en ello por el tema de ir pasando valores entre funciones.

Comparto el código de como me quedó después de modificarlo:

Código Javascript:

var FinalDocument = function () {
    'use strict';
 
    var OrderID = '';
 
    var initReportFinal = function() {
        OrderID = $('#master-order').val();
        var url = '/orders/has-invoice/' + OrderID;
 
        $('body').on('click', '.subgroups.viewFR', function () {
            checkIfInvoiceExist(url, getGenerateInvoice);
        });
 
        function getGenerateInvoice(value) {
            if(value) {
                $.ajax({
                    url: '/documents/final-document/' + OrderID,
                    beforeSend: function () {
                        $('.ring-label').text('Generating');
                        $('.bottom-ring-label').css('display', 'block');
                    },
                    complete: function () {
                        $('.bottom-ring-label').css('display', 'none');
                    },
                    success: function(data) {
                        window.open('/documents/preview/' + data, '_blank');
                    }
                });
            } else
                swal("There's no any invoice generated, so you cannot generate the final document.", "Lien Application", "warning");
        }
    }
 
    return {
        init: function () {
            initReportFinal();
        }
    };
}();
 
function checkIfInvoiceExist(url, callback) {
    $.ajax({
        url: url,
        beforeSend: function () {
            $('.ring-label').text('Processing');
            $('.bottom-ring-label').css('display', 'block');
        },
        complete: function () {
            $('.bottom-ring-label').css('display', 'none');
        },
        success: function (data) {
            callback(data.success);
        }
    });
}