微信小程序计算器js（微信小程序云开发如何解决JavaScript小数计算精度失准的问题）

先看图

这个是JavaScript语言自身存在的一个问题。说道这里不得不提一下网上流传的JavaScript搞笑图

我们在使用云开发来开发微信小程序的时候，会经常遇到JavaScript小数计算精度失准的问题。特别是实现钱包计算的功能。虽然整数计算不会出错，但总不能要求微信小程序内都是整数计算吧，这不科学。

那么开发小程序涉及到小数计算的时候，如何防止小数计算精度失准。

其实有很多方法，这里主要推荐我觉得比较好的解决办法。就是使用math.js这个npm包来实现计算。

业务逻辑如下图

废话少说，直接上代码！！！

建一个calculation云函数，代码如下：

// 云函数入口文件 const cloud = require('wx-server-sdk') const TcbRouter = require('tcb-router'); //云函数路由 const math = require('mathjs'); //云函数路由 cloud.init({ env:'' //填入你的环境ID }) // 云函数入口函数 exports.main = async (event, context) => { const app = new TcbRouter({ event }); //乘法 app.router('multiply', async(ctx) => { var value = math.multiply(math.bignumber(event.num1), math.bignumber(event.num2)) ctx.body = math.round(value,2) //四舍五入，并且保留2位小数 }); //除法 app.router('divide', async(ctx) => { var value = math.divide(math.bignumber(event.num1), math.bignumber(event.num2)) ctx.body = math.round(value,2) //四舍五入，并且保留2位小数 }); //加法 app.router('sum', async(ctx) => { var value = math.add(math.bignumber(event.num1), math.bignumber(event.num2)) ctx.body = math.round(value,2) //四舍五入，并且保留2位小数 }); //减法 app.router('subtract', async(ctx) => { var value = math.subtract(math.bignumber(event.num1), math.bignumber(event.num2)) ctx.body = math.round(value,2) //四舍五入，并且保留2位小数 }); return app.serve(); }

写完云函数的代码了，记得安装math.js计算库和tcb-router云函数路由的依赖包。

安装依赖包步骤，右击名为calculation云函数文件夹，再点击“在外部终端窗口中打开”，然后输入依次输入命令：npm install mathjs和npm install tcb-router。安装成功后，点击“上传并部署：云端安装依赖（不上传node_modules）”即可部署完成云函数。

前端（小程序端）请求代码如下：

wx.cloud.callFunction({ name: 'calculation', data: { $url: "multiply", //云函数路由参数，示例参数是乘法 num1:that.data.price, num2:that.data.rate, }, success: res => { console.log(res.result.value) //计算结果 }, fail(e) { console.log(e) } });

$url这个是填充云函数路由参数的，上面代码的是表示乘法，如果想让云函数计算加法，我们可以传入“add”作为参数即可。

这里我们使用了云函数路由，这样我们可以把加减乘除的算法都合并到一个云函数里，节俭很多代码