微信小程序实现简易的计算器功能_javascript技巧_

     {{firstNum}}   {{operatorShow}}   {{secondNum}}     result:   {{result}}          C     /     *     ←               7     8     9     -                  4     5     6     +                    1     2     3     =                   %     0     .   

Page({     data:{       result:"",           firstNum:"",        secondNum:"",       operatorUse:"",       operatorShow:"",     },     var rst=""     numFlag:true,     optContinue:false,     resultFlag:false,  //  结果标志位     1代表有结果，0代表没结果     fstIsClear:true,      //  第一个数字是否清除标志位   1代表前面没数，0代表有数     secIsClear:true,      //第二个数字是否清除的标志位   1代表前面没数，0代表有数     numEvent(n){         let numValue=n.currentTarget.dataset.value;         if(this.resultFlag==true){         //如果得出了结果，并且按数字键的话，那么直接进行下一个计算，当前计算结束             this.setData({                 firstNum:numValue,                 secondNum:"",                 secIsClear:true,                 operatorShow:"",                 operatorUse:""              })             this.resultFlag=false         }else if(this.numFlag==true){     //如果此时没有按操作符，则归为第一个数                if(this.data.firstNum=="0"){  //假如第一个数现在是0，那么0不进行保存                 this.setData({                     firstNum:numValue                         });             }else{                 //如果第一个数不是0，那么进行拼接                             this.setData({                     firstNum:this.data.firstNum+numValue                         });                   this.fstIsClear=false;             }}else{                          //如果此时已经按过操作符，则归为第二个数                if(this.data.secondNum=="0"){//假如第二个数现在是0，那么0不进行保存                   this.setData({                     secondNum:numValue                        });             }else{                                this.setData({                     secondNum:this.data.secondNum+numValue                        });                 this.secIsClear=false;             }         }     },     opEvent(o){         let optLast=this.data.operatorUse;         let optCurrent=o.currentTarget.dataset.value;         if(optCurrent!=null && this.data.secondNum=="" && this.data.fisrtdNum==""){             this.numFlag=true; //都为空时，连续点击操作符不更换数字顺序         }else if(optCurrent!=null && this.data.secondNum=="" && this.data.fisrtdNum!=""){             if(optCurrent=="="){                 this.numFlag=true;             }else{              this.numFlag=false;//1有数2没数时，连续点击操作符，再次点击数字归为第二个             }         }         else if(optCurrent!=null && this.data.secondNum!=""&& this.data.fisrtdNum!=""){               if(optCurrent=="="){                         this.numFlag=!this.numFlag; //都不为空时，点击操作符后，数字绑定的顺序改变              }else{                 this.numFlag=false;              }         }         if(optLast=="="){             this.setData({                 firstNum:rst,                  secondNum:"",                 secIsClear:true,                 result:""                  });               this.resultFlag=false;         }         rst=Number(this.data.firstNum)     //将第一个数转换为数字类型         var secNum=Number(this.data.secondNum)    //将第二个数转换为数字类型           this.setData({             operatorUse:optCurrent         //得到操作符,用于js判断         });         if(optCurrent=="="){               //得到操作符，用于wxml显示            if(optLast!="="){             this.setData({                 operatorShow:optLast             });           }else{             this.setData({                 operatorShow:""             });           }                          }else{             this.setData({                 operatorShow:optCurrent             })                  }         if(optLast=="+"){                             //依据操作符进行操作             rst=rst+secNum;         }else if(optLast=="-"){             rst=rst-secNum ;            }else if(optLast=="*"){             rst=rst*secNum;         }else if(optLast=="/"){             rst=rst/secNum;         }else if(optLast=="%"){             rst=rst%secNum;         }               if(optCurrent=="="){          //当输入的操作符为=时，进行结果显示             this.setData({             result:rst             })             this.resultFlag=true         }         if(optCurrent!="=" && optLast!=""){             this.setData({                 firstNum:rst,                  secondNum:"",                 secIsClear:true,                 result:""                  });                 this.resultFlag=false;  //表明此时有结果了                 this.optContinue=true;  //表明要进行连续计算了         }     },     dotEvent(){           if(this.numFlag==true){               if(this.fstIsClear==true){                 this.fstIsClear==false                  this.setData({                     firstNum:"0."                   });               }else{                     //如果此前有数，则输入.为.                 if(this.data.firstNum.indexOf(".")>0){                     return;                 }else{                          this.setData({                     firstNum:this.data.firstNum+"."                 });             }             }                       }else{              if(this.secIsClear==true){                  this.secIsClear==false                 this.setData({                   secondNum:"0."               })           }else{               if(this.data.secondNum.indexOf(".")>0){                   return;               }else{                   this.setData({                   secondNum:this.data.secondNum+"."             })         }         }     } },     backEvent(){         var fstNumDel=0;         var secNumDel=0;       if(this.resultFlag==true){         return;     }else{       if(this.numFlag==true){         fstNumDel=this.data.firstNum.substr(0,this.data.firstNum.length-1);         this.setData({             firstNum:fstNumDel         });         if(this.data.firstNum==""){             this.fstIsClear=true;         }     }else{         secNumDel=this.data.secondNum.substr(0,this.data.secondNum.length-1);         this.setData({             secondNum:secNumDel         });         if(this.data.secondNum==""){             this.secIsClear=true;         }     }     }   },     clearEvent(){       this.setData({         firstNum:"",         secondNum:"",         operatorUse:"",         operatorShow:"",         result:""       })       this.numFlag=true;       this.resultFlag=false;       this.isClear=true;       this.fstIsClear=true;       this.secIsClear=true; }   })