第一個函數使用第二個函數中的變量，但第二個函數也調用第一個函數

Question

我有這段JavaScript代碼，並且我希望它能夠在第二個函數中使用calculate()，但是問題在於第一個函數使用第二個函數中聲明的變量。此外，我需要var first=prompt僅在調用chemicalcalc時執行。

function calculate(){ 
    var calctrans=parseInt(firsttrans, 10) 
    return calctrans; 
} 

function chemicalcalc(){ 
    var first=prompt("Enter first term\nLeave bank to go back to element finder"); 
    if(first==""){ 
    calculate(); 
    }else{ 
    var firsttrans=first.replace("h", 1); 
    } 
} 

chemicalcalc(); 

Answer 1

通過嵌套的chemicalcalc內calculate()，你讓calculate能夠訪問父函數的範圍。

然而，如果用戶不輸入任何東西，只是打在提示符處輸入，你的代碼將調用calculate，然後將嘗試使用firsttrans，它不會有一個值，因爲if的分支該設置值沒有輸入，所以你在那裏有一個邏輯錯誤。

我已經刪除了if/then邏輯來顯示該函數的其餘部分如何工作。

function chemicalcalc(){ 
 
    var first = prompt("Enter first term\nLeave bank to go back to element finder"); 
 
    
 
    var firsttrans = first.replace("h", 1); 
 
    
 
    // Invoke calculate and return whatever it returns 
 
    return calculate(); 
 
    
 
    // Nested functions always have access to the parent's scope 
 
    function calculate(){ 
 
    var calctrans = parseInt(firsttrans, 10) 
 
    return calctrans; 
 
    } 
 
} 
 

 
console.log(chemicalcalc());

另一種選擇（而不是嵌套函數）是簡單地通過第二函數它需要爲參數的數據：

function chemicalcalc(){ 
 
    var first = prompt("Enter first term\nLeave bank to go back to element finder"); 
 
    
 
    var firsttrans = first.replace("h", 1); 
 
    
 
    // Invoke calculate and pass it the data it needs, then return whatever it returns 
 
    return calculate(firsttrans); 
 
} 
 

 
// Now the function expects data to be passed by the caller 
 
function calculate(data){ 
 
    var calctrans = parseInt(data, 10) 
 
    return calctrans; 
 
} 
 

 
console.log(chemicalcalc());