<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 浮点数类型  小数类型  float
        // 1,有效数值 
        // 小数的位数可以是无穷多位
        // 但是在计算机中,规定存储浮点数,是有限制的,不能无限存储小数位数
        // 在 JavaScript 语言中 浮点数 ,整数部分+小数部分,最多一共存储 17位
        // 计算 有效数值 计算是的 从左起的非0数值位数
        // 超过17位有效数值的内容,直接舍弃,不会进行四舍五入转化
        // 2,科学技术法
        // 是计算机语言中,通用的一种计算数值的语法
        // 语法形式  数值 e + 或者 - 数值
        // 一般如果是 + ,可以省略不写
        // 举例 :  2 e +3  2 乘以 10的3次方 --- 2000
        //         2 e -3  2 除以 10的3次方 --- 0.002
        // 比较大的数值,都会使用科学计数法存储
        // 数值1,可以是小数
        // 数值2,语法规定,不能是小数
        // JavaScript语法规定,即时是使用科学计数法,存储的整数,数据类型也是浮点数类型
        // 2e3 表示的 数值是 2000 看似是一个整数
        // 但是 在计算机语法中 这个数值的数据类型 仍然是 浮点数
        
        // 有效数值,从左起,第一个非0 数值开始计算
        // 超出17位部分,直接舍弃
        var float1 = 0.0012345678901234567890123456789;
        // console.log(float1);
        // 科学计数法
        var float2 = 2.123e3;
        // console.log(float2);
        var float3 = 2.123e-3;
        // console.log(float3);
        // 3,浮点数的误差 / 浮点数的的精度丢失
        // console.log( 0.1 * 0.1 );
        // console.log( 0.1 * 0.2 );
        // console.log( 0.1 * 0.3 );
        // console.log( 0.1 * 0.4 );
        // console.log( 0.1 * 0.5 );
        // console.log( 0.1 * 0.6 );
        // console.log( 0.1 * 0.7 );
        // console.log( 0.1 * 0.8 );
        // console.log( 0.1 * 0.9 );
        // 当 浮点数 直接参与运算或者比较时,计算结果或者比较结果,往往会出现误差
        // 这样的情况,我们称为 浮点数的误差 / 浮点数的精度丢失
        // 因为 计算机 的存储原理,造成计算机在存储浮点数时,存储的不是准确数值,存储的是一个近似数值,显示时,显示为一个浮点数值效果
        // 当浮点数直接参与计算或者参与比较时,实际参与预算或者比较的数值,也是近似值
        // 就造成了计算或者比较时,一定会存在误差,这个误差在特殊情况下会表现出误差的结果
        // 因此,实际项目中,我们一定要杜绝浮点数直接参与运算或者比较判断
        // 我们在之后的课程中,会告诉大家,如何处理浮点数
        // 总结:浮点数直接参与运算或者比较判断,误差/精度丢失,一定会存在,在特殊情况下,会体现效果
        // 判断两个数值是否相等   ==   等于判断,判断等号两侧的内容,数值是否相同
        console.log( 8 == 8);              // 判断 8 是否 等于 8  结果是 true
        console.log( 0.8*10 == 8);         // 判断 0.8*10 是否 等于 8  结果是 true
        console.log( (0.1+0.7)*10 == 8 );   // 判断 0.8*10 是否 等于 8  结果是 true
        // 面试时,经常会遇到 有浮点数参与的运算,判断比较的结果是 true 还是 false
        // 1,我不知道这个表达式的结果是true还是false
        // 2,因为浮点数直接参与运算或者比较,一定会造成误差/精度丢失,在特殊情况下会有所体现
        // 3,因此,我绝对不会使用这样的形式,直接运算或者比较浮点数
        // 4,这个表达式到底会不会因为误差/精度丢失,产生错误结果,我也不清楚,因为我从来没这么用过
        // 5,我会使用.....方法,来杜绝浮点数直接参与计算或者比较,造成的误差和精度丢失
        // 在JavaScript 中有专门的浮点数计算方法
        // double 高精度浮点数运算
    </script>
</body>
</html>

js浮点数类型的更多相关文章

  1. JS浮点数运算Bug

    JS浮点数运算Bug的解决办法(转) 37.5*5.5=206.08 (JS算出来是这样的一个结果,我四舍五入取两位小数) 我先怀疑是四舍五入的问题,就直接用JS算了一个结果为:206.0849999 ...

  2. 关于js浮点数计算精度不准确问题的解决办法

    今天在计算商品价格的时候再次遇到js浮点数计算出现误差的问题,以前就一直碰到这个问题,都是简单的使用tofixed方法进行处理一下,这对于一个程序员来说是及其不严谨的.因此在网上收集了一些处理浮点数精 ...

  3. js浮点数相加、减、乘、除精确计算

    js 浮点数计算时 ,无缘无辜 后边冒出一堆 小数点………… 貌似js本身的问题,类型不定?????? 只能自己写函数处理..  http://blog.csdn.net/w4bobo/article ...

  4. js浮点数计算问题 + 金额大写转换

    一 js浮点数计算问题解决方案: 1.使用 NumberObject.toFixed(num) 方法 toFixed() 方法可把 Number 四舍五入为指定小数位数的数字. 2.较精度计算浮点数 ...

  5. 第二章 Mysql 数据类型简介--（整数类型、浮点数类型和定点数类型，日期与时间类型，字符串类型，二进制类型）

    第一节:整数类型.浮点数类型和定点数类型 1,整数类型 2,浮点数类型和定点数类型 M 表示:数据的总长度(不包括小数点):D 表示:小数位:例如 decimal(5,2) 123.45存入数据的时候 ...

  6. JS浮点数运算BUG破法

    JS里,0.3*3 = 0.8999999999999999 破法1:((0.3*10)*3)/10 破法2:(0.3*3).toFixed(2)//保留两位小数 原因:js浮点数用的是IEEE754 ...

  7. js浮点数的计算

        js在计算浮点数时可能不够准确,会产生舍入误差的问题,这是使用基于IEEE745数值的浮点计算的通病,并非ECMAScript一家,其他使用相同数值格式的语言也存在这个问题.     这里讲一 ...

  8. JS浮点类型计算

    /* ---------------- JS浮点数运算重置 ---------------- */ //加法函数 //调用:accAdd(arg1,arg2) //返回值:arg1加上arg2的精确结 ...

  9. 实现js浮点数加、减、乘、除的精确计算（网上很多文章里的方法是不能解决所有js浮点数计算误差的）

    最近做项目,要用到js的加.减.乘.除的计算,发现js浮点数计算会有一些误差. 网上有很多文章都有js浮点数计算误差的解决方法,说能解决这个问题,But…….比如一个加法函数,如下: function ...

  10. JS 强制类型转化

    在Js中, 强制类型转化分为两种情况: 一种是引用类型转化基本类型, 如数组转化成数字:一种是两种不同基本类型之间的转化,如字符串转化为数字.你不能将基本类型转化成引用类型,比如,不可能把数字转化为数 ...

随机推荐

  1. Java面试题：细数ThreadLocal大坑，内存泄露本可避免

    一.背景ThreadLocal是Java中用于解决多线程共享变量导致的线程安全问题的一种机制.它为每个线程分配一个独立的变量副本,从而避免了线程间的数据竞争.这个我们从上一篇文章<Java面试题 ...

  2. 力扣520(java)-检测大写字母（简单）

    题目: 我们定义,在以下情况时,单词的大写用法是正确的: 1.全部字母都是大写,比如 "USA" .2.单词中所有字母都不是大写,比如 "leetcode" . ...

  3. HarmonyOS NEXT应用开发之图片缩放效果实现

    介绍 图片预览在应用开发中是一种常见场景,在诸如QQ.微信.微博等应用中均被广泛使用.本模块基于Image组件实现了简单的图片预览功能. 使用说明: 双指捏合缩放图片大小 双击图片进行图片的大小切换 ...

  4. 基于 Mesh 的统一路由在海外业务的实践

    ​简介:本文主要介绍我们最近在利用 Service Mesh 架构解决海外业务问题中一些实践和价值探索.我们在海外业务引入 Mesh 架构过程中,充分利用 Istio 的基于 yaml 来描述和定义路 ...

  5. 技术干货 | mPaaS 小程序高玩带你起飞：客户端预置小程序无视网络质量

    简介: 弱网拉包无障碍,深度提升用户体验 传统的小程序技术容易受到网络环境影响,当网络质量不佳时可能导致拉取不到小程序包的情况.通过预置小程序,即可规避该问题.本文介绍了预置小程序的原理和预置小程序的 ...

  6. [FE] Chrome Extension 五步曲

    1. Create the manifest.jsonOnly three fields is needed. { "name": "Getting Started Ex ...

  7. WPF 将 StaticResource 和 ResourceDictionary 放在一起的魔幻行为

    本文将记录一些在 WPF 里面,使用 StaticResource 将 ResourceDictionary 玩坏的做法.大家可以放心的是,这些玩法基本只有高级玩家或逗比开发者才会使用到 后加入的资源 ...

  8. 2019-10-28-dotnet-代码调试方法

    title author date CreateTime categories dotnet 代码调试方法 lindexi 2019-10-28 08:50:11 +0800 2019-6-5 9:4 ...

  9. 16.prometheus监控总结

    一.监控流程总结 1.需要在被监控的服务器上安装xx_exporter来收集数据(可以是源码安装,最好用docker.docker-compose) 2.添加Prometheus配置,去收集(xx_e ...

  10. vue-在公共icon封装组件里使用svg图标

    1.安装svg-sprite-loader.package.json:"svg-sprite-loader": "^3.9.2", 2.build/webpac ...