极简三分钟ES6 - 数值的扩展

更直观的数值表示法

二进制与八进制新写法

前缀 0b(二进制)和 0o(八进制),直接表达数值本质

js 复制代码
const binary = 0b1101; // 二进制 → 十进制 13 
const octal = 0o755;   // 八进制 → 十进制 493 

用途 :替代ES5混乱的八进制前缀 0,避免严格模式报错

数值检测的精准化

Number.isFinite()

检查是否为有限数值 (排除 InfinityNaN

js 复制代码
Number.isFinite(42);         // true 
Number.isFinite(Infinity);   // false 

比全局 isFinite() 更严格(不会转换非数值类型)

Number.isNaN()

精准识别 NaN(非数值)

js 复制代码
Number.isNaN(NaN);        // true 
Number.isNaN("hello");    // false(全局isNaN会误判)

优势 :避免字符串等类型被误判为 NaN

Number.isInteger()

判断是否为整数(包括 5.0 这类形式)

js 复制代码
Number.isInteger(5.0);    // true 
Number.isInteger(5.1);    // false 

注意 :非数值类型将直接返回 false

安全数值与精度控制

安全整数范围

JS能精确表示的整数范围:-2^53 + 12^53 - 1

js 复制代码
Number.MAX_SAFE_INTEGER; // 9007199254740991 
Number.MIN_SAFE_INTEGER; // -9007199254740991 

Number.isSafeInteger() 检测是否在安全范围内

js 复制代码
Number.isSafeInteger(9007199254740992); // false(超出精度)

场景:金融计算、大数处理

最小精度常量 Number.EPSILON

解决浮点数计算误差(如 0.1 + 0.2 ≠ 0.3

js 复制代码
function equal(a, b) {{
  return Math.abs(a  - b) < Number.EPSILON;
}}
equal(0.1 + 0.2, 0.3); // true 

原理 :定义一个可接受的误差阈值(约 2.22e-16

Math对象的新工具

Math.trunc()

直接切除小数部分(不四舍五入)

js 复制代码
Math.trunc(3.9); // 3(对比Math.floor() 负数行为不同)

场景:快速取整

Math.sign() 判断数值符号

js 复制代码
Math.sign(10);    // +1 
Math.sign(-5);    // -1 
Math.sign(0);     // 0 

返回值正数=>1负数=>-10=>0

立方根计算 Math.cbrt()

js 复制代码
Math.cbrt(8); // 2(2³=8)

其他一些实用扩展

方法 作用 示例
Number.parseInt() 同全局parseInt()(规范化) Number.parseInt('10x') → 10
Math.fround() 返回32位单精度浮点数 Math.fround(1.337) → 1.3370000123291016
Math.hypot() 计算直角三角形的斜边长度 Math.hypot(3, 4) → 5
相关推荐
尾善爱看海3 小时前
Vue 面试收官篇:SSR、性能优化落地、30 道高频面试题精讲(附标准答案)
前端·javascript·vue.js·面试·vue
驳是4 小时前
一个组件,提升 react-router 开发的幸福感
前端·preact
GreenTea4 小时前
OpenAI Agents API 上手实测:一次调用把整个 agent loop 甩给 OpenAI
前端·后端·算法
星云API技术支持4 小时前
企业微信二次开发:群权限设置、成员管理与群资料维护的接口组合实践
java·前端·企业微信
京东云开发者4 小时前
81.8 秒的视频,我们改了 15 个版本:一次纯 Codex 驱动的 AI-native 视频实践
前端·aigc
Csvn5 小时前
TypeScript 大型项目架构:从单体 tsconfig 到分层可扩展的工程
前端
计算机魔术师6 小时前
Dario Amodei 发文呼吁为前沿 AI 降速并提出三点计划
前端
计算机魔术师7 小时前
OpenAI的AI代理偷偷给RubyGems下毒,我们却毫无察觉
前端
甲维斯7 小时前
0代码,0建模,3句话开发一个3D游戏!
前端·游戏·游戏开发
IT_陈寒7 小时前
Vue的响应式更新把我坑惨了,原来问题出在这
前端·人工智能·后端