[TOC]
## 概述
Number对象是数值对应的包装对象,可以作为构造函数使用,也可以作为工具函数使用。
作为构造函数时,它用于生成值为数值的对象。
~~~
var n = new Number(1);
typeof n // "object"
~~~
上面代码中,Number对象作为构造函数使用,返回一个值为1的对象。
作为工具函数时,它可以将任何类型的值转为数值。
~~~
Number(true) // 1
~~~
上面代码将布尔值true转为数值1。Number对象的工具方法,详细介绍参见上一章的《数据类型转换》一节。
## Number对象的属性
Number对象拥有一些特别的属性。
(1)Number.POSITIVE_INFINITY
表示正的无限,指向关键字Infinity。
(2)Number.NEGATIVE_INFINITY
表示负的无限,指向-Infinity。
(3)Number.NaN
表示非数值,指向NaN。
(4)Number.MAX_VALUE
表示最大的正数,相应的,最小的负数为-Number.MAX_VALUE。
(5)Number.MIN_VALUE
表示最小的正数(即最接近0的正数,在64位浮点数体系中为5e-324),相应的,最接近0的负数为-Number.MIN_VALUE。
~~~
Number.POSITIVE_INFINITY // Infinity
Number.NEGATIVE_INFINITY // -Infinity
Number.NaN // NaN
Number.MAX_VALUE // 1.7976931348623157e+308
Number.MIN_VALUE // 5e-324
~~~
## Number对象实例的方法
### Number.prototype.toString()
Number对象部署了单独的toString方法,可以接受一个参数,表示将一个数字转化成某个进制的字符串。
~~~
(10).toString() // "10"
(10).toString(2) // "1010"
(10).toString(8) // "12"
(10).toString(16) // "a"
~~~
之所以要把10放在括号里,是为了表明10是一个单独的数值,后面的点表示调用对象属性。如果不加括号,这个点会被JavaScript引擎解释成小数点,从而报错。
~~~
10.toString(2)
// SyntaxError: Unexpected token ILLEGAL
~~~
但是,在10后面加两个点,JavaScript会把第一个点理解成小数点(即10.0),把第二个点理解成调用对象属性,从而得到正确结果。
~~~
10..toString(2)
// "1010"
~~~
这实际上意味着,可以直接对一个小数使用toString方法。
~~~
10.5.toString() // "10.5"
10.5.toString(2) // "1010.1"
10.5.toString(8) // "12.4"
10.5.toString(16) // "a.8"
~~~
通过方括号运算符也可以调用toString方法。
~~~
10['toString'](2) // "1010"
~~~
将其他进制的数,转回十进制,需要使用parseInt方法。
### Number.prototype.toFixed()
toFixed方法用于将一个数转为指定位数的小数。
~~~
(10).toFixed(2)
// "10.00"
// 10必须放在括号里,否则后面的点运算符会被处理小数点,而不是表示调用对象的方法。
(10.005).toFixed(2)
// "10.01"
~~~
toFixed方法的参数为小数的位数,有效范围为0到20,超出这个范围将抛出RangeError错误。。
### Number.prototype.toExponential()
toExponential方法用于将一个数转为科学计数法形式。
~~~
(10).toExponential(1)
// "1.0e+1"
(1234).toExponential(1)
// "1.2e+3"
~~~
toExponential方法的参数表示小数点后有效数字的位数,范围为0到20,超出这个范围,会抛出一个RangeError。
### Number.prototype.toPrecision()
toPrecision方法用于将一个数转为指定位数的有效数字。
~~~
(12.34).toPrecision(1)
// "1e+1"
(12.34).toPrecision(2)
// "12"
(12.34).toPrecision(3)
// "12.3"
(12.34).toPrecision(4)
// "12.34"
(12.34).toPrecision(5)
// "12.340"
~~~
toPrecision方法的参数为有效数字的位数,范围是1到21,超出这个范围会抛出RangeError错误。
toPrecision方法用于四舍五入时不太可靠,可能跟浮点数不是精确储存有关。
~~~
(12.35).toPrecision(3)
// "12.3"
(12.25).toPrecision(3)
// "12.3"
(12.15).toPrecision(3)
// "12.2"
(12.45).toPrecision(3)
// "12.4"
~~~
## 自定义方法
与其他对象一样,Number.prototype对象上面可以自定义方法,被Number的实例继承。
~~~
Number.prototype.add = function (x) {
return this + x;
};
~~~
上面代码为Number对象实例定义了一个add方法。
由于Number对象的实例就是数值,在数值上调用某个方法,数值会自动转为对象,所以就得到了下面的结果。
~~~
8['add'](2)
// 10
~~~
上面代码中,调用方法之所以写成`8['add']`,而不是`8.add`,是因为数值后面的点,会被解释为小数点,而不是点运算符。将数值放在圆括号中,就可以使用点运算符调用方法了。
~~~
(8).add(2)
// 10
~~~
由于add方法返回的还是数值,所以可以链式运算。
~~~
Number.prototype.subtract = function (x) {
return this - x;
};
(8).add(2).subtract(4)
// 6
~~~
上面代码在Number对象的实例上部署了subtract方法,它可以与add方法链式调用。
我们还可以部署更复杂的方法。
~~~
Number.prototype.iterate = function () {
var result = [];
for (var i = 0; i <= this; i++) {
result.push(i);
}
return result;
};
(8).iterate()
// [0, 1, 2, 3, 4, 5, 6, 7, 8]
~~~
上面代码在Number对象的原型上部署了iterate方法,可以将一个数值自动遍历为一个数组。
需要注意的是,数值的自定义方法,只能定义在它的原型对象Number.prototype上面,数值本身是无法自定义属性的。
~~~
var n = 1;
n.x = 1;
n.x // undefined
~~~
上面代码中,n是一个原始类型的数值。直接在它上面新增一个属性x,不会报错,但毫无作用,总是返回undefined。这是因为一旦被调用属性,n就自动转为Number的实例对象,调用结束后,该对象自动销毁。所以,下一次调用n的属性时,实际取到的是另一个对象,属性x当然就读不出来。
- 第一章 导论
- 1.1 前言
- 1.2 为什么学习JavaScript?
- 1.3 JavaScript的历史
- 第二章 基本语法
- 2.1 语法概述
- 2.2 数值
- 2.3 字符串
- 2.4 对象
- 2.5 数组
- 2.6 函数
- 2.7 运算符
- 2.8 数据类型转换
- 2.9 错误处理机制
- 2.10 JavaScript 编程风格
- 第三章 标准库
- 3.1 Object对象
- 3.2 Array 对象
- 3.3 包装对象和Boolean对象
- 3.4 Number对象
- 3.5 String对象
- 3.6 Math对象
- 3.7 Date对象
- 3.8 RegExp对象
- 3.9 JSON对象
- 3.10 ArrayBuffer:类型化数组
- 第四章 面向对象编程
- 4.1 概述
- 4.2 封装
- 4.3 继承
- 4.4 模块化编程
- 第五章 DOM
- 5.1 Node节点
- 5.2 document节点
- 5.3 Element对象
- 5.4 Text节点和DocumentFragment节点
- 5.5 Event对象
- 5.6 CSS操作
- 5.7 Mutation Observer
- 第六章 浏览器对象
- 6.1 浏览器的JavaScript引擎
- 6.2 定时器
- 6.3 window对象
- 6.4 history对象
- 6.5 Ajax
- 6.6 同域限制和window.postMessage方法
- 6.7 Web Storage:浏览器端数据储存机制
- 6.8 IndexedDB:浏览器端数据库
- 6.9 Web Notifications API
- 6.10 Performance API
- 6.11 移动设备API
- 第七章 HTML网页的API
- 7.1 HTML网页元素
- 7.2 Canvas API
- 7.3 SVG 图像
- 7.4 表单
- 7.5 文件和二进制数据的操作
- 7.6 Web Worker
- 7.7 SSE:服务器发送事件
- 7.8 Page Visibility API
- 7.9 Fullscreen API:全屏操作
- 7.10 Web Speech
- 7.11 requestAnimationFrame
- 7.12 WebSocket
- 7.13 WebRTC
- 7.14 Web Components
- 第八章 开发工具
- 8.1 console对象
- 8.2 PhantomJS
- 8.3 Bower:客户端库管理工具
- 8.4 Grunt:任务自动管理工具
- 8.5 Gulp:任务自动管理工具
- 8.6 Browserify:浏览器加载Node.js模块
- 8.7 RequireJS和AMD规范
- 8.8 Source Map
- 8.9 JavaScript 程序测试
- 第九章 JavaScript高级语法
- 9.1 Promise对象
- 9.2 有限状态机
- 9.3 MVC框架与Backbone.js
- 9.4 严格模式
- 9.5 ECMAScript 6 介绍
- 附录
- 10.1 JavaScript API列表
- 草稿一:函数库
- 11.1 Underscore.js
- 11.2 Modernizr
- 11.3 Datejs
- 11.4 D3.js
- 11.5 设计模式
- 11.6 排序算法
- 草稿二:jQuery
- 12.1 jQuery概述
- 12.2 jQuery工具方法
- 12.3 jQuery插件开发
- 12.4 jQuery.Deferred对象
- 12.5 如何做到 jQuery-free?
- 草稿三:Node.js
- 13.1 Node.js 概述
- 13.2 CommonJS规范
- 13.3 package.json文件
- 13.4 npm模块管理器
- 13.5 fs 模块
- 13.6 Path模块
- 13.7 process对象
- 13.8 Buffer对象
- 13.9 Events模块
- 13.10 stream接口
- 13.11 Child Process模块
- 13.12 Http模块
- 13.13 assert 模块
- 13.14 Cluster模块
- 13.15 os模块
- 13.16 Net模块和DNS模块
- 13.17 Express框架
- 13.18 Koa 框架