ES6躬行记(8)——数字

一、进制

  ES6不仅完善了数字的八进制形式,还补充了一种十六进制形式,并且添加了全新的二进制形式。下面的三个变量分别表示八进制、十六进制和二进制的10,注释中给出了该进制的另一种写法。

var octal = 0o12,      //或0O12
  hex = 0xa,          //或0XA
  binary = 0b1010;     //或0B1010

  注意,只有十进制才能表示小数。

二、Number

  ES6不仅增强了Number对象处理数字的精度,还扩展了它的数字运算能力,新增的属性和方法如表2所示。

表2  Number的属性和方法

属性或方法 功能描述
EPSILON 一个常量,表示1和大于1的最小值之间的差值:2^-52
MAX_SAFE_INTEGER 一个常量,表示JavaScript的安全整数的上限值:2^53 - 1
MIN_SAFE_INTEGER 一个常量,表示JavaScript的安全整数的下限值:-(2^53 - 1)
isFinite() 判断一个数字是否是有限的,如果参数是NaN、Infinity、-Infinity或非数字,都将返回false
isNaN() 判断一个值是否是NaN,只有当参数是NaN时,才能返回true
isInteger() 判断一个数字是否为整数,注意,12和12.0都被视为整数
isSafeInteger() 判断一个数字是否为安全整数

  表中的安全整数是指处在MIN_SAFE_INTEGER和MAX_SAFE_INTEGER之间的整数。

  在全局对象中有两个全局函数也叫isFinite()和isNaN(),但它们会先将传入的参数转换成数字,再进行判断,而Number对象中的新方法却不会执行这步类型转换,因此新方法能得到更为准确的结果。下面会分别对新方法和全局函数传入相同的参数,从它们的结果可知,新方法得到了期望值,而全局函数并没有。

Number.isFinite(null);   //false
isFinite(null);          //true

Number.isNaN("abc");     //false
isNaN("abc");           //true

三、Math

  ES6为Math对象新增了6个三角函数、4个对数方法,以及多个算术方法,具体如表3所示。

表3  Math的方法

方法 功能描述
sinh()和asinh() sinh()用于双曲正弦;asinh()用于反双曲正弦
cosh()和acosh() cosh()用于双曲余弦;acosh()用于反双曲余弦
tanh()和atanh() tanh()用于双曲正切;atanh()用于反双曲正切
expm1() 等价于Math.exp(x) - 1,可计算e^x - 1,其中x表示参数
log2() 返回以2为底的对数,如果参数小于0,则返回NaN
log10() 返回以10为底的对数,如果参数小于0,则返回NaN
log1p() 等价于Math.log(x+1),返回一个数字加1后的自然对数,如果参数小于-1,则返回NaN
hypot() 先将所有参数的平方相加,再计算和的平方根
cbrt() 计算数字的立方根
clz32() 先将数字转换成32位无符号整数形式的二进制,再计算前导0的个数
trunc() 只取数字的整数部分
imul() 让两个数字的32位整数相乘
fround() 将数字转换为离它最近的单精度浮点数形式的数字
sign() 返回数字的符号,指明数字是正数、负数还是零

  clz32()方法的描述比较抽象,现在用一个例子来讲解,先将10转换成32位的二进制,得到1010(省略了前面的28个0),再调用clz32()方法,最终的结果为28。

Math.clz32(10);        //28

  sign()方法有5种返回值,分别是1、-1、0、-0和NaN,代表正数、负数、正零、负零和NaN,具体如下所示。

Math.sign(2);         //1
Math.sign(-2);        //-1
Math.sign(0);         //0
Math.sign(-0);        //-0
Math.sign(NaN);       //NaN

原文地址:https://www.cnblogs.com/strick/p/10174202.html

时间: 2024-09-29 23:41:48

ES6躬行记(8)——数字的相关文章

ES6躬行记(7)——代码模块化

在ES6之前,由于ECMAScript不具备模块化管理的能力,因此往往需要借助第三方类库(例如遵守AMD规范的RequireJS或遵循CMD规范的SeaJS等)才能实现模块加载.而自从ES6引入了模块化标准后,就不需要再特地加载一次外部脚本了.模块化的语法不仅让JavaScript代码的组织变得更有条理,还包含封装.按需导出或导入等实用功能,可轻松应对日益复杂和庞大的前端工程.但有一点要注意,模块中的代码默认运行在严格模式中. 一.导出 一个模块就是一个独立的JavaScript文件,如果要读取

ES6躬行记(16)——Set

ES6引入了两种新的数据结构:Set和Map.Set是一组值的集合,其中值不能重复:Map(也叫字典)是一组键值对的集合,其中键不能重复.Set和Map都由哈希表(Hash Table)实现,并可按添加时候的顺序枚举. 一.Set Set类似于Array(数组),但需要通过SameValueZero算法保持值的唯一性.在前面的第11篇中,曾讲到Object.is()依据的比较算法是SameValue,SameValueZero算法与之类似,唯一的区别就是在该算法中,+0和-0是相等的. 1)创建

ES6躬行记(2)——扩展运算符和剩余参数

扩展运算符(Spread Operator)和剩余参数(Rest Parameter)的写法相同,都是在变量或字面量之前加三个点(...),并且只能用于包含Symbol.iterator属性的可迭代对象(iterable).虽然两者之间有诸多类似,但它们的功能和应用场景却完全不同.扩展运算符能把整体展开成个体,常用于函数调用.数组或字符串处理等:而剩余参数正好相反,把个体合并成整体,常用于函数声明.解构参数等.此处的整体可能是数组.字符串或类数组对象等,个体可能是字符.数组的元素或函数的参数等.

ES6躬行记(17)——Map

一.Map Map类似于Object(对象),可用来存储键值对,但需要通过SameValueZero算法保持键的唯一性.与Set一样,在使用之前也得要实例化,如下代码所示,构造函数Map()中的参数也是一个可选的可迭代对象,但此对象得是键值对的集合或两列的二维数组. new Map(); //Map(0) {} new Map([["name", "strick"], ["age", 28]]); //Map(2) {"name&quo

Vue躬行记(3)——样式和表单

Vue对DOM元素的class和style两个特性做了专门的增强,即对CSS类和内联样式做了一层封装,通过v-bind指令来处理它们,而接收的表达式既可以是简单的字符串.对象或数组,也可以是复杂的计算属性.不仅如此,Vue还为表单设计了一些语法糖,让表单处理变得尤为简单. 一.CSS类 v-bind指令与class参数配合,就能处理CSS类,并且能接收多种类型的值. 1)对象 v-bind:class可以接收一个对象,对象的属性名就是CSS类名,只有当其值是真值时,才能添加到DOM元素上,否则会

CSS躬行记(1)——CSS基础拾遗

一.box-decoration-break CSS3新增的box-decoration-break属性可指定行内非替换元素在跨行.跨列或跨页时的样式渲染,它包含两个值: (1)slice:默认值,盒子会被分割成多部分. (2)clone:断开的各个盒子会单独渲染. 下面用一个示例来演示两种的区别,第一个span元素采用box-decoration-break的默认值,效果如第一张图所示,在断行处没有左右内边距和圆角:第二个span元素box-decoration-break的值为clone,效

CSS躬行记(2)——伪类和伪元素

一.伪类选择器 伪选择器弥补了常规选择器的不足,能够实现一些特殊情况下的样式,例如在鼠标悬停时或只给字符串中的第一个字符指定样式.与类选择器类似,可以从HTML元素的class属性中查看到,但伪选择器不会出现在HTML文档中(有几个例外,如:lang.::placeholder等).并且它的关键字大小写不敏感,也就是说empty和EMPTY完全相同.伪选择器分为两种:伪类选择器和伪元素选择器.注意,伪选择器会以一个或两个冒号(:)开头,并且如果要与其它选择器组合使用,那么只能与类型选择器(即元素

React躬行记(5)——React和DOM

React实现了一套与浏览器无关的DOM系统,包括元素渲染.节点查询.事件处理等机制. 一.ReactDOM 自React v0.14开始,官方将与DOM相关的操作从React中剥离,组成单独的react-dom库,从而让React能兼容更多的终端.在引入react-dom库后,就能调用一个全局对象:ReactDOM,虽然在之前的章节中已多次使用该对象,但是都没有给出过多的讲解,本节将对其做重点分析. ReactDOM只包含了unmountComponentAtNode().findDOMNod

Vue躬行记(2)——指令

Vue不仅内置了各类指令,包括条件渲染.事件处理等,还能注册自定义指令. 一.条件渲染 条件渲染的指令包括v-if.v-else.v-else-if和v-show. 1)v-if 该指令的功能和条件语句中的if类似,可根据表达式的计算结果,判断是否渲染分支中的元素和它所包含的子元素.在下面的示例中,当把数据对象的exist属性设为true时,<div>和<p>两个元素就会被添加到页面的DOM中. <div v-if="exist"> <p>