Javascript ne peut pas accéder à la variable globale

Question

J'ai une variable globale appelée calculated_price, qui contient le prix d'un produit sélectionné. Je change la valeur de cette variable globale avec une fonction, puis avec une autre fonction que je soumets à un serveur avec une demande de poste AJAX:

var calculated_price; 

function calculatePrice() { 
    calculated_price = $$('.myInput').val(); 
    $$('.price-holder').text(calculated_price); 
} 

function submitOrder(calculated_price) { 
    if(calculated_price !== null || calculated_price !== '') { 

     $$.post('http://www.example.com/payment.php', { price: calculated_price}, 
     function(data) { 

      alert('Data: ' + data); 

     }); 

    } 
} 

J'utilise Framework7, de sorte que le cadre JS J'utilise est DOM7 , mais c'est très similaire à jQuery et la fonction $$. post que j'utilise a toujours fonctionné jusqu'ici. Il ne semble pas pouvoir accéder au calculated_price variable. Je n'ai pas redéclaré cette variable n'importe où dans mon code (nulle part j'ai mis var devant elle sauf quand elle est déclarée globalement). Une idée de pourquoi cette variable est perdue jusqu'à ce que la dernière fonction soit exécutée (submitOrder)? Je sais que la variable existe et a de la valeur, car dans la fonction calculatePrice, j'ai mis le prix calculé dans un élément HTML et il affiche le prix correctement.

Answer 1

Vous déclarez globalement calculated_price, puis vous utilisez le même nom qu'un paramètre de fonction.

var calculated_price; 

function submitOrder(calculated_price) { <---- error is here 

Ce sont 2 variables différentes. Lorsque vous appelez submitOrder, envoyez-vous calculate_price en tant que paramètre?

Answer 2

Votre code semble bien à l'exception de la ligne

if(calculated_price !== null || calculated_price !== '') { 

Vous avez probablement voulu dire

if(calculated_price !== null && calculated_price !== '') { 

À cause de cela, lorsque la fonction submitOrder est appelée, la demande ajax sera effectuée, même si calculated_price est indéfini.