更新JavaScript计算器的全局变量

Question

我不知道如何更新我正在处理的JavaScript计算器的全局变量。我知道使用评估会使这变得容易得多，但是从我在线阅读的内容，不建议从用户输入中进行评估。

我的想法是存储第一个数字，直到单击操作。单击此点后，存储第二个数字，然后查看用户出现的操作，其中它是'='或'/* - '执行适当的操作。我尚未完成CE或AC或''。按钮尚未。毫无意义的是，如果我无法更新全局变量。

在函数本身中，我可以更改变量FirstNum和SecondNum。从我在线阅读的内容来看，我相信我没有更改全局变量，而是该变量的本地实例。

我希望能指向正确的方向来完成此操作。我试图将数字存储在一个对象中，然后在需要执行操作时将其引用该对象，但我不认为我做得这么正确，因为我收到了参考错误。

预先感谢您。

var theParent = document.querySelector("#container");
var display = document.querySelector("#display");
theParent.addEventListener("click", doSomething, false);
 var reg = new RegExp('^\d+$');
var result=0;
var symbol='';
var firstNum=0;
var secondNum=0;


 function doSomething(e) {
    if (e.target !== e.currentTarget) {
        var clickedItem = e.target.innerHTML;
        if (reg.test(clickedItem)) {
            if (display.innerHTML==="0"){
               display.innerHTML=clickedItem;
           }
           else {
            display.innerHTML+=clickedItem;
            }
        }   
    }

   if (clickedItem==='='){
    console.log('check firstNum:' +firstNum);
    console.log('check symbol:'+ symbol);
    console.log('operations return: '+ operations(symbol));
        result= operations(symbol);
        console.log('result: '+ result);
        display.innerHTML=result;
        firstNum=result;
        secondNum=0;
        symbol='';
    }
   if (!(reg.test(clickedItem))&&symbol===' '&&clickedItem!=='=')
    {
            symbol=clickedItem;
            display.innerHTML='0';
            console.log('first op '+ symbol);
    }
    if (!(reg.test(clickedItem))&&symbol!==clickedItem&&clickedItem!=='=')  {
        solve(symbol);
        symbol=clickedItem;
        console.log('second op '+symbol);
    }

    if (symbol===''){
        //firstNum = parseInt(display.innerHTML);
        setFirstNum();
        console.log("this firstNum in If: " +firstNum)
    }
    else if (reg.test(clickedItem)){
        setSecondNum();
        console.log("this secondNum in If: " +secondNum)
    }
    else {display.innerHTML='0';}
    e.stopPropagation();
}

function setFirstNum(){
    window.firstNum=parseInt(display.innerHTML);
}
function setSecondNum(){
    window.secondNum=parseInt(display.innerHTML);
}
function operations(symbol){
var operation=[{
  '+':  firstNum + secondNum ,
  '-': firstNum - secondNum  ,
  '÷': firstNum/secondNum ,
  'X':  firstNum*secondNum 
}];
return operation[symbol];
}

function solve(symbol){
    result=operations(symbol);
        display.innerHTML=result;
        firstNum=result;
        secondNum=0;
}

Answer 1

您正在提及全局变量罚款，问题在于全局变量theparent。大多数情况下，浏览器在加载文档之前执行JavaScript，因此找不到任何具有ID #Container的元素。

为了解决此问题，您可以声明全局变量，并在加载文档时将其定义。

var theParent;
window.onload = function() { 
    theParent = document.querySelector("#container");
    theParent.addEventListener(...);
}

对于显示变量类似。

希望这会有所帮助。