JavaScript计算器无法追加显示内容，请求bug排查协助

下面是你的代码中导致数字无法追加显示的几个关键问题，以及对应的修复方案：

1. appendNumber方法赋值错误 #

在Calculator类的appendNumber方法中，你将拼接后的数字赋值给了不存在的this.currentNumber属性，但实际应该更新的是this.currentOperand——这是导致点击数字后界面毫无反应的核心原因。

错误代码：

appendNumber(number) {
    if(number === '.' && this.currentOperand.includes('.')) return
    this.currentNumber = this.currentOperand.toString() + number.toString() 
}

修复后代码：

appendNumber(number) {
    if(number === '.' && this.currentOperand.includes('.')) return
    this.currentOperand = this.currentOperand.toString() + number.toString() 
}

2. getDisplayNumber方法语法错误 #

该方法中获取小数部分时，错误地写成了stringNumber('.')[1]，缺少了split方法，会导致JavaScript报错，进而中断显示更新逻辑。

错误代码：

const decimalDigits = stringNumber('.')[1]

修复后代码：

const decimalDigits = stringNumber.split('.')[1]

3. delete方法的slice参数错误 #

当前slice(1, -1)会删除第一个字符和最后一个字符，正确的逻辑应该是删除最后一个字符，所以要改成slice(0, -1)。

错误代码：

delete() {
    this.currentOperand = this.currentOperand.toString().slice(1, -1)
}

修复后代码：

delete() {
    this.currentOperand = this.currentOperand.toString().slice(0, -1)
}

4. 乘法按钮与计算逻辑不匹配 #

HTML中乘法按钮的文本是X，但compute方法的switch判断的是*，导致点击乘法按钮后无法正确触发计算。可以选择以下两种修复方式：

方案一：修改HTML按钮文本 #

<button data-number>X</button>
<!-- 改为 -->
<button data-operation>*</button>

方案二：在JS中转换操作符 #

chooseOperation(operation) {
    if(this.currentOperand === '') return
    // 将X转换为*适配计算逻辑
    if(operation === 'X') operation = '*'
    if(this.previousOperand !== '') {
        this.compute()
    }
    this.operation = operation
    this.previousOperand = this.currentOperand
    this.currentOperand = ''
}

修复以上问题后，计算器的数字按钮即可正常追加显示，核心计算功能也能正常运行。

内容的提问来源于stack exchange，提问作者Angel94124