《無主之地3》風盲之地通關打法心得
概述
定義
物件是javascript語言最主要的資料型別,三種原始型別的值——數值、字串、布林值——在一定條件下,也會自動轉為物件,也就是原始型別的“包裝物件”(wrapper)。
所謂“包裝物件”,指的是與數值、字串、布林值分別相對應的Number、String、Boolean三個原生物件。這三個原生物件可以把原始型別的值變成(包裝成)物件。
var v1 = new Number(123); var v2 = new String('abc'); var v3 = new Boolean(true); typeof v1 // "object" typeof v2 // "object" typeof v3 // "object" v1 === 123 // false v2 === 'abc' // false v3 === true // false
上面程式碼中,基於原始型別的值,生成了三個對應的包裝物件。可以看到,v1、v2、v3都是物件,且與對應的簡單型別值不相等。
包裝物件的設計目的,首先是使得“物件”這種型別可以覆蓋javaScript所有的值,整門語言有一個通用的資料模型,其次是使得原始型別的值也有辦法呼叫自己的方法。
Number、String和Boolean這三個原生物件,如果不作為建構函式呼叫(即呼叫時不加new),而是作為普通函式呼叫,常常用於將任意型別的值轉為數值、字串和布林值。
// 字串轉為數值 Number('123') // 123 // 數值轉為字串 String(123) // "123" // 數值轉為布林值 Boolean(123) // true
總結一下,這三個物件作為建構函式使用(帶有new)時,可以將原始型別的值轉為物件;作為普通函式使用時(不帶有new),可以將任意型別的值,轉為原始型別的值。
例項方法
三種包裝物件各自提供了許多例項方法。這裡介紹兩種它們共同具有、從Object物件繼承的方法:valueOf()和toString()。
valueOf()
valueOf()方法返回包裝物件例項對應的原始型別的值。
new Number(123).valueOf() // 123 new String('abc').valueOf() // "abc" new Boolean(true).valueOf() // true
toString()
toString()方法返回對應的字串形式。
new Number(123).toString() // "123" new String('abc').toString() // "abc" new Boolean(true).toString() // "true"
原始型別與例項物件的自動轉換
某些場合,原始型別的值會自動當作包裝物件呼叫,即呼叫包裝物件的屬性和方法。這時,JavaScript 引擎會自動將原始型別的值轉為包裝物件例項,並在使用後立刻銷燬例項。
比如,字串可以呼叫length屬性,返回字串的長度。
'abc'.length // 3
上面程式碼中,abc是一個字串,本身不是物件,不能呼叫length屬性。JavaScriphttp://www.cppcns.comt 引擎自動將其轉為包裝物件,在這個物件上呼叫length屬性。呼叫結束後,這個臨時物件就會被銷燬。這就叫原始型別與例項物件的自動轉換。
var str = 'abc'; str.length // 3 // 等同於 var strObj = new String(str) // String { // 0: "a",1: "b",2: "c",length: 3,[[PrimitiveValue]]: "abc" // } strObj.length // 3
自動轉換生成的包裝物件是隻讀的,無法修改。所以,字串無法新增新屬性。
var s = 'Hello World'; s.x = 123; s.x // undefined
上面程式碼為字串s添加了一個x屬性,結果無效,總是返回undefined。
另一方面,呼叫結束後,包裝物件例項會自動銷燬。這意味著,下一次呼叫字串的屬性時,實際是呼叫一個新生成的物件,而不是上一次呼叫時生成的那個物件,所以取不到賦值在上一個物件的屬性。如果要為字串新增屬性,只有在它的原型物件String.prototype上定義。
自定義方法
除了原生的例項方法,包裝物件還可以自定義方法和屬性,供原始型別的值直接呼叫。
比如,我們可以新增一個double方法,使得字串和數字翻倍。
String.prototype.double = function () { return this.valueOf() + this.valueOf(); }; 'abc'.double() // abcabc Number.prototype.double = function () { return this.valueOf() + this.valueOf(); }; (123).double() // 246
上面程式碼在String和Number這兩個物件的原型上面,分別自定義了一個方法,從而可以在所有例項物件上呼叫。注意,最後的123外面必須要加上圓括號,否則後面的點運算子(.)會被解釋成小數點。
Boolean 物件
概述
Boolean物件是 JavaScript 的三個包裝物件之一。作為建構函式,它主要用於生成布林值的包裝物件例項。
var b = new Boolean(true); typeof b // "object" b.valueOf() // true
上面程式碼的變數b是一個Boolean物件的例項,它的型別是物件,值為布林值true。
注意,false對應的包裝物件例項,布林運算結果也是true。
if (new Boolean(false)) { console.log('true'); } // true if (new Boolean(false).valueOf()) { console.log('true'); } // 無輸出
上面程式碼的第一個例子之所以得到true,是因為false對應的包裝物件例項是一個物件,進行邏輯運算時,被自動轉化成布林值true(因為所有物件對應的布林值都是true)。而例項的valueOf方法,則返回例項對應的原始值,本例為false。
Boolean 函式的型別轉換作用
Boolean物件除了可以作為建構函式,還可以單獨使用,將任意值轉為布林值。這時Boolean就是一個單純的工具方法。
Boolean(undefined) // false Boolean(null) // false Boolean(0) // false Boolean('') // false Boolean(NaN) // false Boolean(1) // true Boolean('false') // true Boolean([]) // true Boolean({}) // true Boolean(function () {}) // true Boolean(/foo/) // true
上面程式碼中幾種得到true的情況,都值得認真記住。
順便提一下,使用雙重的否運算子(!)也可以將任意值轉為對應的布林值。
!!undefined // false !!null // false !!0 // false !!'' // false !!NaN // false !!1 // true !!'false' // true !![] // true !!{} // true !!function(){} // true !!/foo/ // true
最後程式設計客棧,對於一些特殊值,Boolean物件前面加不加new,會得到完全相反的結果,必須小心。
if (Boolean(false)) { console.log('true'); } // 無輸出 if (new Boolean(false)) { console.log('true'); } // true if (Boolean(null)) { console.log('true'); } // 無輸出 if (new Boolean(null)) { console.log('true'); } // true
Number 物件
概述
Number物件是數值對應的包裝物件,可以作為建構函式使用,也可以作為工具函式使用。
作為建構函式時,它用於生成值為數值的物件。
var n = new Number(1); typeof n // "object"
上面程式碼中,Number物件作為建構函式使用,返回一個值為1的物件。
作為工具函式時,它可以將任何型別的值轉為數值。
Number(true) // 1
靜態屬性
Number物件擁有以下一些靜態屬性(即直接定義在Number物件上的屬性,而不是定義在例項上的屬性)。
- Number.POSITIVE_INFINITY:正的無限,指向Infinity。
- Number.NEGATIVE_INFINITY:負的無限,指向-Infinity。
- Number.NaN:表示非數值,指向NaN。
- Number.MIN_VALUE:表示最小的正數(即最接近0的正數,在64位浮點數體系中為5e-324),相應的,最接近0的負數為-Number.MIN_VALUE。
- Number.MAX_SAFE_INTEGER:表示能夠精確表示的最大整數,即9007199254740991。
- Number.MIN_SAFE_INTEGER:表示能夠精確表示的最小整數,即-9007199254740991。
Number.POSITIVE_INFINITY // Infinity Number.NEGATIVE_INFINITY // -Infinity Number.NaN // NaN Number.MAX_VALUE // 1.7976931348623157e+308 Number.MAX_VALUE < Infinity // true Number.MIN_VALUE // 5e-324 Number.MIN_VALUE > 0 // true Number.MAX_SAFE_INTEGER // 9007199254740991 Number.MIN_SAFE_INTEGER // -9007199254740991
例項方法
Number物件有4個例項方法,都跟將數值轉換成指定格式有關。
Number.prototype.toString()
Number物件部署了自己的toString方法,用來將一個數值轉為字串形式。
(10).toString() // "10"
toString方法可以接受一個引數,表示輸出的進位制。如果省略這個引數,預設將數值先轉為十進位制,再輸出字串;否則,就根據引數指定的進位制,將一個數字轉化成某個進位制的字串。
(10).toString(2) // "1010" (10).toString(8) // "12" (10).toString(16) // "a"
上面程式碼中,10一定要放在括號www.cppcns.com裡,這樣表明後面的點表示呼叫物件屬性。如果不加括號,這個點會被 JavaScript 引擎解釋成小數點,從而報錯。
10.toString(2) // SyntaxError: Unexpected token ILLEGAL
只要能夠讓 JavaScript 引擎不混淆小數點和物件的點運算子,各種寫法都能用。除了為10加上括號,還可以在10後面加兩個點,JavaScript 會把第一個點理解成小數點(即10.0),把第二個點理解成呼叫物件屬性,從而得到正確結果。
10..toString(2) // "1010" // 其他方法還包括 10 .toString(2) // "1010" 10.0.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"
toString方法只能將十進位制的數,轉為其他進位制的字串。如果要將其他進位制的數,轉回十進位制,需要使用parseInt方法。
Number.prototype.toFixed()
toFixed()方法先將一個數轉為指定位數的小數,然後返回這個小數對應的字串。
(10).toFixed(2) // "10.00" 10.005.toFixed(2) // "10.01"
上面程式碼中,10和10.005先轉成2位小數,然後轉成字串。其中10必須放在括號裡,否則後面的點會被處理成小數點。
toFixed()方法的引數為小數位數,有效範圍為0到20,超出這個範圍將丟擲RangeError錯誤。
由於浮點數的原因,小數5的四捨五入是不確定的,使用的時候必須小心。
(10.055).toFixed(2) // 10.05 (10.005).toFixed(2) // 10.01
Number.prototype.toExponential()
toExponential方法用於將一個數轉為科學計數法形式。
(10).toExponential() // "1e+1" (10).toExponential(1) // "1.0e+1" (10).toExponential(2) // "1.00e+1" (1234).toExponential() // "1.234e+3" (1234).toExponential(1) // "1.2e+3" (1234).toExponential(2) // "1.23e+3"
toExponential方法的引數是小數點後有效數字的位數,範圍為0到20,超出這個範圍,會丟擲一個RangeError錯誤。
Number.prototype.toPrecision()
toPrecision方法用於將一個數轉為指定位數的有效數字。
(12.34).toPrecision(1) // "1程式設計客棧e+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; }; 8['add'](2) // 10
上面程式碼為Number物件例項定義了一個add方法。在數值上呼叫某個方法,數值會自動轉為Number的例項物件,所以就可以呼叫add方法了。由於add方法返回的還是數值,所以可以鏈式運算。
Number.prototype.subtract = function (x) { return this - x; }; (8).add(2).subtract(4) // 6
我們還可以部署更復雜的方法。
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當然就讀不出來。
String 物件
概述
String物件是 JavaScript 原生提供的三個包裝物件之一,用來生成字串物件。
var s1 = 'abc'; var s2 = new String('abc'); typeof s1 // "string" typeof s2 // "object" s2.valueOf() // "abc"
字串物件是一個類似陣列的物件(很像陣列,但不是陣列)。
new String('abc') // String {0: "a",length: 3} (new String('abc'))[1] // "b"
上面程式碼中,字串abc對應的字串物件,有數值鍵(0、1、2)和length屬性,所以可以像陣列那樣取值。
除了用作建構函式,String物件還可以當作工具方法使用,將任意型別的值轉為字串。
String(true) // "true" String(5) // "5"
靜態方法
String.fromCharCode()
String物件提供的靜態方法(即定義在物件本身,而不是定義在物件例項的方法),主要是String.fromCharCode()。該方法的引數是一個或多個數值,代表 Unicode 碼點,返回值是這些碼點組成的字串。
String.fromCharCode() // "" String.fromCharCode(97) // "a" String.fromCharCode(104,101,108,111) // "hello"
上面程式碼中,String.fromCharCode方法的引數為空,就返回空字串;否則,返回引數對應的 Unicode 字串。
注意,該方法不支援 Unicode 碼點大於0xFFFF的字元,即傳入的引數不能大於0xFFFF(即十進位制的 65535)。
String.fromCharCode(0x20BB7) // "ஷ" String.fromCharCode(0x20BB7) === String.fromCharCode(0x0BB7) // true
上面程式碼中,String.fromCharCode引數0x20BB7大於0xFFFF,導致返回結果出錯。0x20BB7對應的字元是漢字
以上就是淺談js包裝物件的詳細內容,更多關於JS包裝物件的資料請關注我們其它相關文章!