摘要：今天把接下來(lái)引用類(lèi)型中的一些內(nèi)容全部記錄完畢基本包裝類(lèi)型為了便于操作基本類(lèi)型值，還提供了種特殊的引用類(lèi)型。這三種類(lèi)型具有與各自的基本類(lèi)型響應(yīng)的特殊行為。重寫(xiě)后的返回對(duì)象表示的數(shù)值類(lèi)型，另外兩個(gè)方法則返回字符串形式的數(shù)值。

今天把接下來(lái)引用類(lèi)型中的一些內(nèi)容全部記錄完畢~

為了便于操作基本類(lèi)型值，JavaScript還提供了3種特殊的引用類(lèi)型：Boolean, Number, String。這三種類(lèi)型具有與各自的基本類(lèi)型響應(yīng)的特殊行為。

實(shí)際上每當(dāng)讀取一個(gè)基本類(lèi)型值得時(shí)候，后臺(tái)就會(huì)創(chuàng)建一個(gè)對(duì)應(yīng)的基本包裝類(lèi)型的對(duì)象。從而可以調(diào)用一些方法來(lái)操作這些數(shù)據(jù)。

var s1 = "some text"
var s2 = s1.substring(2)

如上，s1包含一個(gè)字符串，字符串應(yīng)該是基本類(lèi)型的，而下一行調(diào)用了s1的substring方法，并保存在了s2中。但是一般只有對(duì)象才具有方法，s1是一個(gè)基本類(lèi)型的字符串是不應(yīng)該具有這個(gè)特性的，那么是為什么呢？

這是因?yàn)樵L問(wèn)s1的時(shí)候處于一種讀取模式，也就是要從內(nèi)存中讀取這個(gè)字符串的值，然而在讀取模式中訪問(wèn)這個(gè)字符串時(shí)后臺(tái)都會(huì)進(jìn)行如下操作：

1. 創(chuàng)建一個(gè)String類(lèi)型的實(shí)例
2. 在實(shí)例上調(diào)用指定方法
3. 銷(xiāo)毀這個(gè)實(shí)例

經(jīng)過(guò)這樣的處理，基本的字符串值就變得跟對(duì)象一樣了。

既然基本包裝類(lèi)型和引用類(lèi)型這么相似，那么他們之間的區(qū)別在哪里？ 引用類(lèi)型和包裝類(lèi)型的主要區(qū)別是在對(duì)象的生存期。
使用new操作符創(chuàng)建的引用類(lèi)型的實(shí)例，在執(zhí)行流離開(kāi)當(dāng)前作用域之前都一直保存在內(nèi)存中。而自動(dòng)創(chuàng)建的基本包裝類(lèi)型的對(duì)象，則只存在于代碼執(zhí)行的瞬間，然后立馬被銷(xiāo)毀，這就意味著我們不能在運(yùn)行時(shí)為基本類(lèi)型添加屬性和方法。

因?yàn)橛辛嘶景b類(lèi)型對(duì)象，雖然我們可以顯示的創(chuàng)建String，Number，Boolean創(chuàng)建包裝類(lèi)型的對(duì)象，但是我們不建議這樣去做，因?yàn)檫@樣很容易把自己弄混淆，不知道自己在處理基本類(lèi)型還是引用類(lèi)型的值，

Object構(gòu)造函數(shù)會(huì)像工廠方法一樣，根據(jù)傳入的值得類(lèi)型返回對(duì)應(yīng)基本包裝類(lèi)型的實(shí)例。

var obj = new Object("text") //創(chuàng)建了一個(gè)string實(shí)例

console.log(obj instanceOf String) //true

Boolean
Boolean算是比較簡(jiǎn)單的，不需要過(guò)得的介紹，但是有一點(diǎn)是值得我們?nèi)プ⒁獾摹?/p>

因?yàn)槭紫任覀円?strong>布爾表達(dá)式中所有的對(duì)象都會(huì)被轉(zhuǎn)為true，看下面一個(gè)例子：

var f = new Boolean(false)
var res = f && true;
console.log(f) //false
console.log(res) //true

var f = false
var res = f && true
console.lo(res) //false

而且基本類(lèi)型和引用類(lèi)型的布爾值還有兩個(gè)區(qū)別：

var f = false
var f1 = new Boolean(false)

typeof f //"boolean"
typeof f1 // "object"

f instanceOf Boolean // false
f1 instanceOf Boolean //true

Number類(lèi)型
接下來(lái)再看下Number類(lèi)型，Number類(lèi)型也改寫(xiě)了原來(lái)的toString()，valueOf()，toLocaleString()方法。重寫(xiě)后的valueOf()返回對(duì)象表示的數(shù)值類(lèi)型，另外兩個(gè)方法則返回字符串形式的數(shù)值。我們還可以給toString()方法傳遞一個(gè)表示基數(shù)的參數(shù)，告訴它返回幾進(jìn)制數(shù)值的字符串形式。

var num = 10
console.log(num.toSting()) //10
console.log(num.toSting(2)) //1010

除了繼承的方法外，Number還提供了一些用于將數(shù)值格式化為字符串的方法：

var num = 10
console.log(num.toFixed(2)) // "10.00"

另外可以格式化數(shù)值的方法是toExponential(),該方法返回以指數(shù)表示法，表示的數(shù)值的字符串形式，

var num = 10
console.log(num.toExponential(1)) //"1.0e + 1"

String類(lèi)型

String類(lèi)型是字符串的對(duì)象包裝類(lèi)型。String對(duì)象的方法可以在所有基本的字符串值中訪問(wèn)到，其中繼承的valueOf，toString, toLocaleString都是返回基本的字符串。

String類(lèi)型的每個(gè)實(shí)例都有一個(gè)length屬性，表示字符串中包含多少個(gè)字符。

var str = "abc"
console.log(str.length) //3

接下來(lái)介紹一些字符串的方法：

1. 字符方法 charAt、charCodeAt

兩個(gè)用于訪問(wèn)字符串中特定字符的方法，這兩個(gè)方法都接受一個(gè)基于0的參數(shù)，即表示字符基于0的位置。charAt以單字符傳形式返回給定位置的那個(gè)字符串。

var str = "hello"
console.log(str.charAt(1)) // "e"，如果傳入負(fù)數(shù)或大于字符串長(zhǎng)度的數(shù)字則返回undefined

如果你想獲得到的不是該位置上的字符，而是該字符編碼：

var str = "hello world"
console.log(str.charCodeAt(1)) //"101",如果不存在的話返回NAN

2. 字符串操作方法

(1). concat()
創(chuàng)建一個(gè)字符串副本，然后用該副本將一個(gè)或多個(gè)字符串拼接起來(lái)返回一個(gè)新的字符串:

var str = "hello"
var res = str.concat(" world", "!")
console.log(res) //"hello world!"
console.log(str) //"hello" 

(2). substring, slice , substr

基于子字符串副本創(chuàng)建新字符串的方法，這個(gè)三個(gè)方法都接受兩個(gè)參數(shù)，slice和substring的第二個(gè)參數(shù)都表示子字符串到哪里結(jié)束，而substr規(guī)定的是返回的字符串個(gè)數(shù)。如果沒(méi)有傳入第二個(gè)參數(shù)，則將字符串的末尾作為結(jié)束為止，和concat一樣，這三個(gè)方法都不會(huì)修改字符串本身。

var str = "hello world"
console.log(str.slice(3)) //"lo world"
console.log(str.substring(3))// "lo world"
console.log(str.substr(3)) //"lo world"
console.log(str.slice(3, 7)) //"lo w"
console.log(str.substring(3, 7)) //"lo w"
console.log(str.substr(3, 7)) //"lo worl"

有一種特殊的情況，就是當(dāng)我們傳入帶有負(fù)數(shù)的時(shí)候，就有所差異了：
傳入到slice中的負(fù)數(shù)會(huì)從字符串后端開(kāi)始數(shù)。
substr的第一個(gè)負(fù)數(shù)會(huì)從字符串尾部開(kāi)始數(shù)，第二個(gè)如果是負(fù)數(shù)的話會(huì)轉(zhuǎn)為0。
substring會(huì)把所有負(fù)數(shù)都轉(zhuǎn)為0,若果第二個(gè)參數(shù)比第一個(gè)小的話會(huì)調(diào)換兩個(gè)參數(shù)位置：

var str = "hello world"
console.log(str.slice(-3)) //"rld"
console.log(str.substring(-3)) //"hello world"
console.log(str.substr(-3)) //"rld"
console.log(str.slice(3, -4)) //"lo w"
console.log(str.substring(3, -4)) //"hel"
console.log(str.substr(3, -4)) //""

(3). 字符串位置方法(indexOf, lastIndexOf)

有兩個(gè)可以從字符串中查找子字符串的方法：indexOf(）和lastIndexOf().這兩個(gè)方法都是從一個(gè)字符串中搜索給定的子字符串，然后返回子字符串的位置，如果沒(méi)有找到子字符串，則返回-1。這兩個(gè)方法的區(qū)別就是indexOf是從字符串的頭部進(jìn)行搜索，而lastIndexOf是從字符串末尾位置向前搜索。

var str = "hello world"
console.log(str.indexOf("o")) //4
console.log(str.lastIndexOf("o")) //7

這兩個(gè)方法都可以接受第二個(gè)參數(shù)，表示是從哪個(gè)位置進(jìn)行查找。

var str = "hello world"
console.log(str.indexOf("o", 6)) //7
console.log("o", 6) // 4

(4). trim()方法

該方法會(huì)創(chuàng)建一個(gè)字符串的副本，刪除前置以及后綴的所有空格：

var str = " hello world " 
var trimStr = str.trim()
console.log(str) // " hello world "
console.log(trimStr) //"hello world"

(5). 字符串大小轉(zhuǎn)換方法

toLowerCase(), toUpperCase(), toLocaleLowerCase(), toLocaleUpperCase()
這些都是比較簡(jiǎn)單常見(jiàn)的就不一一介紹了~