当前位置:首页 > 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 实现vue模板

js 实现vue模板

实现 Vue 模板的 JavaScript 方法 通过原生 JavaScript 可以实现类似 Vue 的模板渲染功能,主要包括数据绑定、指令处理和模板解析。以下是核心实现思路: 数据绑定与响应式…

js实现类

js实现类

JavaScript 实现类的几种方式 JavaScript 是一种基于原型的语言,但在 ES6 之后引入了 class 语法糖,使得实现类更加直观。以下是几种常见的实现方式: 使用构造函数 传统的…

js实现授权

js实现授权

授权流程设计 授权流程通常涉及前端与后端的交互,常见方案包括OAuth2.0、JWT等。以JWT为例的典型流程: 用户提交凭证(如用户名密码)到认证服务 服务端验证通过后生成包含用户信息的JWT令牌…

js 实现跳转

js 实现跳转

使用 window.location.href 进行跳转 通过修改 window.location.href 可以跳转到指定 URL,浏览器会加载新页面: window.location.hre…

js实现的游戏

js实现的游戏

JavaScript 游戏开发基础 JavaScript 是开发网页游戏的流行选择,因其无需插件即可在浏览器中运行。以下是一些关键技术和资源: HTML5 Canvas Canvas 提供了绘制图形…

js实现原理

js实现原理

JavaScript 实现原理 JavaScript 是一种解释型语言,其实现原理涉及多个核心组件和运行机制,包括引擎、运行时环境、事件循环等。 引擎与解释执行 现代 JavaScript 引擎(如…