Javascript не может получить доступ к глобальной переменной

Question

У меня есть глобальная переменная с именем calculated_price, которая содержит цену выбранного продукта. Изменить значение этой глобальной переменной с функцией, а затем с помощью другой функции я представить его на сервер с запросом 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); 

     }); 

    } 
} 

Я использую Framework7, поэтому рамки JS я использую Dom7 , однако это очень похоже на jQuery и функцию $$. post, с которой я все время работаю. Он просто не может получить доступ к calculated_price variable. Я не обновлял эту переменную где-либо в своем коде (нигде я не поставил перед ним var, кроме тех случаев, когда он объявлен глобально). Любая идея, почему эта переменная теряется до последней функции (submitOrder)? Я знаю, что переменная существует и имеет значение, потому что в функции calculatePrice я ставлю расчетную цену внутри элемента HTML, и она правильно показывает цену.

Answer 1

Вы объявляете calculated_price глобально, а затем вы используете то же имя, что и параметр функции.

var calculated_price; 

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

Это две разные переменные. Когда вы вызываете submitOrder, вы отправляете calc_price в качестве параметра?

Answer 2

Ваш код выглядит нормально для линии

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

Вы, наверное, хотели сказать

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

Из-за того, что, когда функцию submitOrder называется исключением, запрос Аякса будет выполнен, даже если calculated_price не определено.