WeChatアプレットはシンプルな計算機を実装する

// アプリ.js
アプリ（{
  起動() {
    // ローカルストレージ機能を表示 const logs = wx.getStorageSync('logs') || []
    ログをアンシフトします(Date.now())
    wx.setStorageSync('logs', ログ)

    // ログイン wx.login({
      成功: res => {
        // openId、sessionKey、unionIdと引き換えにres.codeをバックエンドに送信します
      }
    })
  },
  グローバルデータ: {
    ユーザー情報: null
  },
  
  電卓：
    express:'', //一時文字列 strList:[], //インフィックス式の保存（先入先出キュー）
    strListP:[], // サフィックス式 (キュー先入先出)
    list:[], //演算子のスタックを格納（先入れ先出し）
    calculate:[] //式スタックを計算する（先入れ先出し）
  }
})

// ページ/計算機/計算機.js
const アプリ = getApp()
ページ（{
  /**
   * ページの初期データ */
  データ： {
    演算子: ['AC'、'DEL'、'%'、'/'、'7'、'8'、'9'、'×'、'4'、'5'、'6'、'+'、'1'、'2'、'3'、'-'、'0'、'.']、
    回答: '=',
    式: '0'、
  },

  すべてクリア() {
    this.setData({
      式: '0'、
      結果： ''
    })
  },

  クリック: 関数 (イベント) {
    イベントターゲットデータセットの値。

    （値 == 'AC'）の場合{
      this.clearAll();
    } それ以外の場合 (val == 'DEL') {
      if (this.data.expression != '0') {
        定数 res = this.data.expression.substr(0, this.data.expression.length - 1);
        this.setData({
          表現: res
        })
      }
    } それ以外 {
      var len = this.data.expression.length;
      var s = this.data.expression.substring(len - 1, len);
      if ((this.checkOperator(s)) && this.checkOperator(val)) {
        定数 res = this.data.expression.substr(0, this.data.expression.length);
        this.setData({
          表現: res
        })
      } それ以外 {
        if ((this.data.expression == '0') && (val == '.')) {
          this.setData({
            式: this.data.expression + String(val)
          })
        } それ以外 {
          this.setData({
            式: this.data.expression === '0' ? val: this.data.expression + String(val)
          })
        }
      }

    }

  },

  結果（） {
    app.calculator.strList.length = 0;
    app.calculator.strListP.length = 0;
    app.calculator.list.length = 0;
    app.calculator.calculate.length = 0;

    this.expressToStrList(このデータ式);

    tempList を app.calculator.strList とします。
    this.expressToStrListP(tempList);

    tempP = app.calculator.strListPとします。
    (let m in tempP) {
      if (this.checkOperator(tempP[m])) {
        op1 = app.calculator.calculate[0]とします。
        app.calculator.calculate.shift();
        op2 = app.calculator.calculate[0]とします。
        app.calculator.calculate.shift();
        app.calculator.calculate.unshift(this.countDetail(op2, tempP[m], op1));
      } それ以外 {
        app.calculator.calculate.unshift(tempP[m])
      }
    }
    this.setData({
      結果: app.calculator.calculate[0]
    });
  },

  countDetail(数値1, 演算子, 数値2) {
    結果を 0.0 とします。
    試す {
      if (演算子 == "×") {
        結果 = parseFloat(num1) * parseFloat(num2);
      } そうでなければ (演算子 == "/") {
        結果 = parseFloat(num1) / parseFloat(num2);
      } それ以外の場合 (演算子 == "%") {
        結果 = parseFloat(num1) % parseFloat(num2);
      } それ以外の場合 (演算子 == "+") {
        結果 = parseFloat(num1) + parseFloat(num2);
      } それ以外 {
        結果 = parseFloat(num1) - parseFloat(num2);
      }
    } キャッチ（エラー）{

    }
    結果を返します。
  },

  expressToStrListP(tempList) { // 中置式セットを後置式セットに変換する for (let item in tempList) {
      if (this.checkOperator(tempList[item])) {
        (app.calculator.list.length == 0)の場合{
          app.calculator.list.unshift(tempList[item]);
        } それ以外 {
          if (this.compaerOperator(app.calculator.list[0], tempList[item])) {
            for (let x in app.calculator.list) {
              app.calculator.strListP.push(app.calculator.list[x]);
            }
            app.calculator.list.length = 0;
            app.calculator.list.unshift(tempList[item]);
          } それ以外 {
            app.calculator.list.unshift(tempList[item]);
          }
        }
      } それ以外 {
        app.calculator.strListP.push(tempList[item]);
      }
    }
    (app.calculator.list.length > 0) の場合 {
      for (let x in app.calculator.list) {
        app.calculator.strListP.push(app.calculator.list[x]);
      }
      app.calculator.list.length = 0;
    }
  },

  比較演算子(op1, op2) {
    if ((op1 == "%" || op1 == "×" || op1 == "/") && (op2 == "-" || op2 == "+")) {
      true を返します。
    } それ以外 {
      false を返します。
    }
  },

  expressToStrList(expression) { //文字列式をインフィックスキューに変換します。let temp = '';
    (i = 0 とします; i < 式の長さ; i++) {
      if (i == 0 && 式[i] == "-") {
        temp = temp + 式[i];
      } それ以外 {
        if (this.checkDigit(式[i])) {
          temp = temp + 式[i];
        } それ以外 {
          （温度長さ＞0）の場合{
            if (式[i] == ".") {
              temp = temp + 式[i];
            } それ以外 {
              app.calculator.strList.push(parseFloat(temp));
              温度 = '';
              app.calculator.strList.push(式[i]);
            }
          } それ以外 {
            temp = temp + 式[i];
          }
        }
      }
    }
    if (temp.length > 0 && this.checkDigit(temp.substring(temp.length - 1))) {
      app.calculator.strList.push(parseFloat(temp));
      温度 = '';
    }
  },

  //演算子かどうかを判定する checkOperator(input) {
    if (入力 == "-" || 入力 == "+" || 入力 == "/" || 入力 == "%" || 入力 == "×") {
      true を返します。
    } それ以外 {
      false を返します。
    }
  },

  // 数値かどうかをチェックする checkDigit(input) {
    if ((/^[0-9]*$/.test(入力))) {
      true を返します。
    } それ以外 {
      false を返します。
    }
  },
})

<!--pages/calculator/calculator.wxml-->
<view class="contaniner">
  <view class="displayer">
     <view class="text">{{式}}</view>
     <view class="result">={{result}}</view>
    </ビュー>
  <view class="btnArea">
    <block wx:for="{{operators}}">
        <view class="btn" data-value="{{item}}" capture-bind:tap="click">{{item}}</view>
    </ブロック>
    <view class="btn btn1" data-value="{{res}}" bindtap="result">{{res}}</view>
  </ビュー>
</ビュー>

/* ページ/計算機/計算機.wxss */
  .コンテナ1{
    幅: 100%;
    高さ: 100%;
  }

  .ディスプレイ{
    境界線: 1px 実線 #f1f3f3;
    幅: 100%;
    高さ: 602![ここに画像の説明を挿入](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;
    フォントサイズ: 45rpx;
    背景色: rgba(241, 243, 243, 1.0);
  }
.btnエリア{
  ディスプレイ: フレックス;
  flex-flow: 行折り返し;
  コンテンツの配置: flex-start;
  パディング: 3rpx;
  マージン: 0;
  背景色: rgb(241, 243, 243);
}
  .btn{
    幅: 185rpx;
    ディスプレイ: フレックス;
    アイテムの位置を中央揃えにします。
    高さ: 120rpx;
    コンテンツの中央揃え: 中央;
    境界線: 1rpx 実線 #e8eaeb;
    色: 黒;
    背景色: #F7F8F9;
  }
  .btn1{
    幅: 370rpx;
  }
  。文章{
    幅: 100%;
    高さ: 10%;
    テキスト配置: 右;
    上マージン: 470rpx;
    背景色: rgba(241, 243, 243, 1.0);
    位置: 絶対;
    単語区切り: 単語区切り;
  }

  。結果{
    幅: 100%;
    高さ: 58rpx;
    テキスト配置: 右;
    上マージン: 530rpx;
    背景色: rgba(241, 243, 243, 1.0);
    位置: 絶対;
    単語区切り: 単語区切り;
  }