当前位置:首页 > JavaScript

js实现加减

2026-03-15 09:42:49JavaScript

实现加法功能

在JavaScript中,加法可以通过简单的算术运算符 + 实现。以下是一个基础示例:

js实现加减

function add(a, b) {
  return a + b;
}
console.log(add(2, 3)); // 输出: 5
  • 注意事项
    • 如果操作数中包含字符串,+ 会优先执行字符串拼接。例如 add("2", "3") 返回 "23"
    • 可通过 Number()parseFloat() 显式转换类型:
      function safeAdd(a, b) {
        return Number(a) + Number(b);
      }

实现减法功能

减法使用运算符 -,示例代码如下:

js实现加减

function subtract(a, b) {
  return a - b;
}
console.log(subtract(5, 2)); // 输出: 3
  • 注意事项
    • - 会自动将非数字类型转换为数值。例如 subtract("5", "2") 返回 3
    • 若转换失败(如非数字字符串),结果为 NaN
      console.log(subtract("abc", 2)); // 输出: NaN

处理浮点数精度问题

加减法可能因浮点数精度产生误差,可通过以下方法修正:

function preciseAdd(a, b) {
  const factor = Math.pow(10, Math.max(String(a).split('.')[1]?.length || 0, String(b).split('.')[1]?.length || 0));
  return (a * factor + b * factor) / factor;
}
console.log(preciseAdd(0.1, 0.2)); // 输出: 0.3

扩展:链式加减运算

通过返回对象实现链式调用:

const calculator = {
  value: 0,
  add(num) {
    this.value += num;
    return this;
  },
  subtract(num) {
    this.value -= num;
    return this;
  },
  result() {
    return this.value;
  }
};
console.log(calculator.add(5).subtract(2).result()); // 输出: 3

标签: 加减js
分享给朋友:

相关文章

js实现跳转

js实现跳转

使用 window.location 跳转 通过修改 window.location.href 或直接使用 window.location 实现页面跳转,适用于普通跳转或带参数的 URL。 // 方…

js实现代码雨

js实现代码雨

实现代码雨效果 使用HTML5 Canvas和JavaScript可以轻松实现经典的代码雨效果。以下是完整的实现代码和说明: HTML结构 <!DOCTYPE html> <htm…

js图片轮播的实现

js图片轮播的实现

基础图片轮播实现 使用HTML、CSS和JavaScript实现一个简单的图片轮播效果。HTML部分定义轮播容器和图片,CSS负责样式和过渡效果,JavaScript处理逻辑。 <div cl…

js实现图片放大

js实现图片放大

使用 CSS transform 实现图片放大 通过 CSS 的 transform: scale() 属性实现图片放大效果。当鼠标悬停时,图片会平滑放大。 const img = document…

js实现放大缩小

js实现放大缩小

使用 CSS transform 实现缩放 通过修改元素的 transform 属性实现平滑缩放效果。CSS 的 scale() 函数可以轻松调整元素大小。 const element = docu…

vue实现点击加减

vue实现点击加减

Vue 实现点击加减功能 在 Vue 中实现点击加减功能可以通过数据绑定和事件监听完成。以下是具体实现方式: 基础实现 定义一个计数器变量,通过按钮触发增减方法: <template>…