Das WeChat-Applet implementiert einen einfachen Rechner

// app.js
App({
  beim Starten() {
    // Lokale Speicherkapazitäten anzeigen const logs = wx.getStorageSync('logs') || []
    logs.unshift(Datum.jetzt())
    wx.setStorageSync('Protokolle', Protokolle)

    // Anmelden wx.login({
      Erfolg: res => {
        // Sende res.code an das Backend im Austausch gegen openId, sessionKey, unionId
      }
    })
  },
  globalData: {
    Benutzerinfo: null
  },
  
  Kalkulator:
    express:'', //temporärer String strList:[], //Infix-Ausdrucksspeicher (Warteschlange First-In, First-Out)
    strListP:[], // Suffix-Ausdruck (Warteschlange First-In, First-Out)
    list:[], //Speichere den Stapel der Operatoren (first in, last out)
    berechnen:[] //Ausdrucksstapel berechnen (first in, last out)
  }
})

// Seiten/Rechner/Rechner.js
const app = getApp()
Seite({
  /**
   * Ausgangsdaten der Seite */
  Daten: {
    Operatoren: ['AC', 'DEL', '%', '/', '7', '8', '9', '×', '4', '5', '6', '+', '1', '2', '3', '-', '0', '.'],
    res: '=',
    Ausdruck: '0',
  },

  Alles löschen() {
    dies.setData({
      Ausdruck: '0',
      Ergebnis: ''
    })
  },

  Klick: Funktion (Ereignis) {
    const val = Ereignis.Ziel.Datensatz.Wert;

    wenn (Wert == 'AC') {
      dies.clearAll();
    } sonst wenn (Wert == 'DEL') {
      wenn (dieser.Daten.Ausdruck != '0') {
        const res = this.data.expression.substr(0, this.data.expression.length - 1);
        dies.setData({
          Ausdruck: res
        })
      }
    } anders {
      var len = dieser.Datenausdruck.Länge;
      var s = this.data.expression.substring(Länge - 1, Länge);
      wenn ((dieser.checkOperator(s)) && dieser.checkOperator(val)) {
        const res = this.data.expression.substr(0, this.data.expression.length);
        dies.setData({
          Ausdruck: res
        })
      } anders {
        wenn ((dieser.Datenausdruck == '0') && (Wert == '.')) {
          dies.setData({
            Ausdruck: this.data.expression + String(val)
          })
        } anders {
          dies.setData({
            Ausdruck: this.data.expression === '0' ? Wert : this.data.expression + String(Wert)
          })
        }
      }

    }

  },

  Ergebnis() {
    app.calculator.strList.length = 0;
    app.calculator.strListP.length = 0;
    app.rechner.list.length = 0;
    app.rechner.berechnen.länge = 0;

    dies.expressToStrList(dieses.data.expression);

    let tempList = app.calculator.strList;
    Dies.expressToStrListP(tempList);

    let tempP = app.calculator.strListP
    für (lass m in tempP) {
      wenn (this.checkOperator(tempP[m])) {
        lass op1 = app.calculator.calculate[0];
        app.rechner.berechnen.shift();
        lass op2 = app.calculator.calculate[0];
        app.rechner.berechnen.shift();
        app.calculator.calculate.unshift(this.countDetail(op2, tempP[m], op1));
      } anders {
        app.calculator.calculate.unshift(tempP[m])
      }
    }
    dies.setData({
      Ergebnis: app.calculator.calculate[0]
    });
  },

  AnzahlDetail(Anzahl1, Operator, Anzahl2) {
    lass Ergebnis = 0,0;
    versuchen {
      wenn (Operator == "×") {
        Ergebnis = parseFloat(num1) * parseFloat(num2);
      } sonst wenn (Operator == "/") {
        Ergebnis = parseFloat(num1) / parseFloat(num2);
      } sonst wenn (Operator == "%") {
        Ergebnis = parseFloat(num1) % parseFloat(num2);
      } sonst wenn (Operator == "+") {
        Ergebnis = parseFloat(num1) + parseFloat(num2);
      } anders {
        Ergebnis = parseFloat(num1) – parseFloat(num2);
      }
    } Fehler abfangen {

    }
    Ergebnis zurückgeben;
  },

  expressToStrListP(tempList) { //Konvertiere den Infix-Ausdruckssatz in einen Postfix-Ausdruckssatz für (let item in tempList) {
      wenn (this.checkOperator(tempList[item])) {
        wenn (app.calculator.list.length == 0) {
          app.calculator.list.unshift(tempList[item]);
        } anders {
          wenn (this.compaerOperator(app.calculator.list[0], tempList[item])) {
            für (let x in app.calculator.list) {
              app.calculator.strListP.push(app.calculator.list[x]);
            }
            app.rechner.list.length = 0;
            app.calculator.list.unshift(tempList[item]);
          } anders {
            app.calculator.list.unshift(tempList[item]);
          }
        }
      } anders {
        app.calculator.strListP.push(tempList[item]);
      }
    }
    wenn (App-Rechner.Liste.Länge > 0) {
      für (let x in app.calculator.list) {
        app.calculator.strListP.push(app.calculator.list[x]);
      }
      app.rechner.list.length = 0;
    }
  },

  Vergleichsoperator(op1, op2) {
    wenn ((op1 == "%" || op1 == "×" || op1 == "/") und& (op2 == "-" || op2 == "+")) {
      gibt true zurück;
    } anders {
      gibt false zurück;
    }
  },

  expressToStrList(Ausdruck) { //Zeichenfolgenausdruck in Infix-Warteschlange umwandeln let temp = '';
    für (lass i = 0; i < Ausdruck.Länge; i++) {
      wenn (i == 0 && Ausdruck[i] == "-") {
        temp = temp + Ausdruck[i];
      } anders {
        wenn (this.checkDigit(Ausdruck[i])) {
          temp = temp + Ausdruck[i];
        } anders {
          wenn (temp.Länge > 0) {
            wenn (Ausdruck[i] == ".") {
              temp = temp + Ausdruck[i];
            } anders {
              app.calculator.strList.push(parseFloat(temp));
              temp = '';
              app.calculator.strList.push(Ausdruck[i]);
            }
          } anders {
            temp = temp + Ausdruck[i];
          }
        }
      }
    }
    wenn (temp.length > 0 und this.checkDigit(temp.substring(temp.length - 1))) {
      app.calculator.strList.push(parseFloat(temp));
      temp = '';
    }
  },

  //Beurteilen, ob es sich um einen Operator handelt checkOperator(input) {
    wenn (Eingabe == "-" || Eingabe == "+" || Eingabe == "/" || Eingabe == "%" || Eingabe == "×") {
      gibt true zurück;
    } anders {
      gibt false zurück;
    }
  },

  // Prüfen ob es eine Zahl ist checkDigit(input) {
    wenn ((/^[0-9]*$/.test(Eingabe))) {
      gibt true zurück;
    } anders {
      gibt false zurück;
    }
  },
})

<!--pages/rechner/rechner.wxml-->
<view class="Container">
  <Ansichtsklasse="Anzeiger">
     <view class="text">{{Ausdruck}}</view>
     <view class="Ergebnis">={{Ergebnis}}</view>
    </Ansicht>
  <Ansichtsklasse="btnArea">
    <block wx:für="{{Operatoren}}">
        <view class="btn" data-value="{{item}}" capture-bind:tap="click">{{item}}</view>
    </block>
    <view class="btn btn1" data-value="{{res}}" bindtap="result">{{res}}</view>
  </Ansicht>
</Ansicht>

/* Seiten/Rechner/Rechner.wxss */
  .container1{
    Breite: 100 %;
    Höhe: 100%;
  }

  .displayer{
    Rand: 1px durchgezogen #f1f3f3;
    Breite: 100 %;
    Höhe: 602![Bildbeschreibung hier einfügen](https://img-blog.csdnimg.cn/20210328162054440.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNDI4MjE5,size_16,color_FFFFFF,t_70#pic_center)
rpx;
    Schriftgröße: 45rpx;
    Hintergrundfarbe: rgba(241, 243, 243, 1.0);
  }
.btnArea{
  Anzeige: Flex;
  Flex-Flow: Zeilenumbruch;
  Inhalt ausrichten: Flex-Start;
  Polsterung: 3rpx;
  Rand: 0;
  Hintergrundfarbe: rgb(241, 243, 243);
}
  .btn{
    Breite: 185rpx;
    Anzeige: Flex;
    Elemente ausrichten: zentrieren;
    Höhe: 120rpx;
    Inhalt ausrichten: zentriert;
    Rand: 1rpx durchgezogen #e8eaeb;
    Farbe: Schwarz;
    Hintergrundfarbe: #F7F8F9;
  }
  .btn1{
    Breite: 370rpx;
  }
  .Text{
    Breite: 100 %;
    Höhe: 10%;
    Textausrichtung: rechts;
    Rand oben: 470rpx;
    Hintergrundfarbe: rgba(241, 243, 243, 1.0);
    Position: absolut;
    Worttrennung: Worttrennung;
  }

  .Ergebnis{
    Breite: 100 %;
    Höhe: 58rpx;
    Textausrichtung: rechts;
    Rand oben: 530rpx;
    Hintergrundfarbe: rgba(241, 243, 243, 1.0);
    Position: absolut;
    Worttrennung: Worttrennung;
  }