[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 框架