javascript 写后端前必须要知道的事

心已赠人 2022-01-21 06:17 270阅读 0赞

> Node 是一个让 JavaScript 运行在服务端的开发平台，它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。

Node 打破了 JS 只能开发前端的瓶颈，真正实现了得JS者得天下的壮举！然而，做后端比做前端要严谨多，所以JS语言上的一些“BUG”是必须要知道了。别到时候数据出了问题，整的一头雾水。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTMzNTA0OTU_size_16_color_FFFFFF_t_70][]

本篇文章举例出JS在处理数据中的一些常见问题，以及解决办法！帮助大家巩固JS基础，在工作中少走弯路。

### 一、浮点型数据失去精度问题： ###

浮点型又分为单精度浮点型（float）和双精度浮点型（double ），在强类型语言中（C，JAVA）中有详细的说明，在 JS 中统称为数值型（Number）。有兴趣的读者可以去了解相关知识，本文继续回到上面的问题。

首先看一下失去精度问题的表现情况，源码如下：

console.log(0.1+0.2);    //0.30000000000000004

本应该结果是 **0.3** 才对，可是运行结果出现了迷之问题。这在后端开发中是绝对不允许存在的，这个问题不只在JS中出现，经测试JAVA，PHP都存在该问题，C不存在该问题。其它语言咋也没学过啊！咋也不知道啊！

说完问题，接下来说一说解决办法，源码如下：

很幸运通过上述代码，我们得到了想要的正确结果，但JS留给我们的问题没有结束，请看下面的问题

### 二、toFixed()四舍五入的BUG： ###

> toFixed() 方法使用定点表示法来格式化一个数值。简单点来说，就是对数据进行四舍五入的处理，定点表示要保留的小数位数。

这个问题依旧与上一个问题 浮点型 数据有关，看下文示例代码：

let a=1.115;
    console.log(a.toFixed(2))    //1.11

所幸小编小学数学不错，貌似还当过几年数学课代表（窃喜一波），一眼就看出了，正确答案应该是 **1.12** 才对。机智的小编努力寻找绕坑方法，请看源码：

const newToFixed=(value,length)=>{  
        let tempNum = 0;  
        let s,temp;  
        let s1 = value + "";  
        let start = s1.indexOf(".");  
        if(s1.substr(start+length+1,1)>=5){
            tempNum=1;  
        }
        temp = Math.pow(10,length);  
        s = Math.floor(value * temp) + tempNum;  
        return s/temp;  
    }
    
    console.log(newToFixed(1.115,2))    //1.12

![20190608171720411.jpg][]

JS开发后端应用时，一定要注意这些数据异常问题。更多的问题，还请各位读者自行学习啦。

代码千万行，基础第一行。基础不扎实，从此两行泪。

别忘了，代码示例使用了 ECMAScript 2015 版本语法，如果有兼容要求的读者，别忘了修改源码。

代码千万行，兼容第一行。兼容不处理，到头两行泪。

> 作者：[黄河爱浪][Link 1] QQ：1846492969，邮箱：helang.love@qq.com
> 
> 公众号：`web-7258`，本文原创，著作权归作者所有，转载请注明原链接及出处。
> 
> 更多精彩文章，请扫下方二维码关注我的公众号
> 
> ![20190512094840637.jpg][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTMzNTA0OTU_size_16_color_FFFFFF_t_70]: /images/20220121/68d0aa02444748cbac46bee0910c08d9.png
[20190608171720411.jpg]: /images/20220121/f5b4fadec6d1472c942b3a8bb1c7d6ef.png
[Link 1]: https://blog.csdn.net/u013350495
[20190512094840637.jpg]: /images/20220121/0f6d47263a734464b025c2510fbd97cc.png