js四则运算精度丢失的解决方法

今天在写项目的时候遇到一个问题，废话不多说看例图

后端返回的某个数据，我要做乘法处理才能显示到页面上去
但是从图上可以看到直接 X 100 的话，不是理想数据
后来经过百度得知原因，想知道的可以转身去大佬那里 点击这里

解决方法有很多，想知道的自行百度去吧

我个人的解决方法就是使用mathjs库，如下：

npm安装

npm install mathjs

安装完成后在main.js入口文件内引入

import * as math from 'mathjs'

Window.prototype.math = math

然后自行创建一个js文件写入以下代码，并在main.js中引入

// 链式调用加法
Number.prototype.add = function(num) {
  return Number(math.add(math.bignumber(this.valueOf()), math.bignumber(num)))
}
// 链式调用减法
Number.prototype.subtract = function(num) {
  return Number(math.subtract(math.bignumber(this.valueOf()), math.bignumber(num)))
}
// 链式调用乘法
Number.prototype.multiply = function(num) {
  return Number(math.multiply(math.bignumber(this.valueOf()), math.bignumber(num)))
}
// 链式调用除法
Number.prototype.divide = function(num) {
  return Number(math.divide(math.bignumber(this.valueOf()), math.bignumber(num)))
}

使用方法比如：

好了，下班！