当前位置：首页 > JavaScript

js实现加法计算

2026-03-16 08:05:34JavaScript

实现基础加法计算

使用最基本的加法运算符实现两个数字相加：

const result = 5 + 3; // 结果为8

封装为函数

将加法逻辑封装为可复用的函数：

function add(a, b) {
    return a + b;
}
console.log(add(2, 4)); // 输出6

处理多参数加法

通过扩展运算符（...rest）支持任意数量的参数相加：

function sum(...numbers) {
    return numbers.reduce((total, num) => total + num, 0);
}
console.log(sum(1, 2, 3, 4)); // 输出10

处理浮点数精度问题

使用toFixed或乘以倍数后取整解决浮点数精度误差：

function preciseAdd(a, b) {
    const multiplier = Math.pow(10, 10);
    return (a * multiplier + b * multiplier) / multiplier;
}
console.log(preciseAdd(0.1, 0.2)); // 输出0.3

输入验证与异常处理

增加参数类型检查确保输入为数字：

function safeAdd(a, b) {
    if (typeof a !== 'number' || typeof b !== 'number') {
        throw new Error('参数必须为数字');
    }
    return a + b;
}
console.log(safeAdd(5, '3')); // 抛出错误

动态表单加法示例

结合HTML实现用户输入实时计算：

js实现加法计算

<input id="num1" type="number">
<input id="num2" type="number">
<button onclick="calculate()">计算</button>
<script>
    function calculate() {
        const num1 = parseFloat(document.getElementById('num1').value);
        const num2 = parseFloat(document.getElementById('num2').value);
        alert(num1 + num2);
    }
</script>