摘要：說(shuō)明此摘要筆記系列是我最近看高級(jí)程序設(shè)計(jì)第版隨手所記。摘要筆記本身沒(méi)有系統(tǒng)性，沒(méi)有全面性可言，寫(xiě)在這里供有一定基礎(chǔ)的前端開(kāi)發(fā)者參考交流。對(duì)每一項(xiàng)運(yùn)行給定函數(shù)，返回該函數(shù)會(huì)返回的項(xiàng)組成的數(shù)組。是的反操作是的反操作第一部分結(jié)束。

說(shuō)明：

此摘要筆記系列是我最近看《JavaScript高級(jí)程序設(shè)計(jì)(第3版)》隨手所記。

里面分條列舉了一些我認(rèn)為重要的、需要記下的、對(duì)我有幫助的點(diǎn)，是按照我看的順序來(lái)的。

摘要筆記本身沒(méi)有系統(tǒng)性，沒(méi)有全面性可言，寫(xiě)在這里供有一定基礎(chǔ)的前端開(kāi)發(fā)者參考交流。

里面的知識(shí)點(diǎn)、例子大部分來(lái)源于本書(shū)，或者延伸出來(lái)的，都經(jīng)過(guò)我的測(cè)試是對(duì)的，但是沒(méi)辦法保證100%正確，如果有人看到錯(cuò)誤的地方，希望指出來(lái)，謝謝。

正文：

1. value instanceof Array  // true / false
2. Array.isArray(value)  // true / false, 支持的瀏覽器 IE 9+，F(xiàn)irefox 4+, Safari 5+, Opera 10.5+, Chrome

棧是一種 LIFO(Last-In-First-Out后進(jìn)先出) 的數(shù)據(jù)結(jié)構(gòu)。在數(shù)組中表現(xiàn)為 push() pop() 方法
隊(duì)列數(shù)據(jù)結(jié)構(gòu)的訪問(wèn)規(guī)則是 FIFO(First-In-First-Out) ，在數(shù)組中表現(xiàn)為 push() shift() 方法

function compare (value1, value2) {
  if (value1 < value2) {
    return -1
  } else if (value1 > value2) {
    return 1
  } else {
    return 0
  }
}

或者

function compare (value1, value2) {
  return value1 - value2
}
values.sort(compare)

得到從小到大的升序排列

數(shù)組的 splice() 方法始終會(huì)返回一個(gè)數(shù)組

// 支持的瀏覽器 IE 9+，F(xiàn)irefox 2+, Safari 3+, Opera 9.5+, Chrome

每個(gè)方法都接受兩個(gè)參數(shù)， 1. 在每一項(xiàng)上運(yùn)行的函數(shù)，2. 運(yùn)行該函數(shù)的作用域?qū)ο蟆绊?this 的值(可選)
傳入的函數(shù)會(huì)接受三個(gè)參數(shù)，數(shù)組項(xiàng)的值、索引、該數(shù)組

1. every() // 對(duì)每一項(xiàng)運(yùn)行給定函數(shù)，如果每一項(xiàng)都返回true，則返回true。
2. filter() // 對(duì)每一項(xiàng)運(yùn)行給定函數(shù)，返回該函數(shù)會(huì)返回true的項(xiàng)組成的數(shù)組。
3. forEach() // 對(duì)每一項(xiàng)運(yùn)行給定函數(shù)，沒(méi)有返回值。
4. map() // 對(duì)每一項(xiàng)運(yùn)行給定函數(shù)，返回每一項(xiàng)調(diào)用的結(jié)果組成的數(shù)組。
5. some() // 對(duì)每一項(xiàng)運(yùn)行給定函數(shù)，如果有一項(xiàng)返回true，則返回true。
// 支持的瀏覽器 IE 9+，F(xiàn)irefox 2+, Safari 3+, Opera 9.5+, Chrome

// 這兩個(gè)方法都接受兩個(gè)參數(shù)，一個(gè)是在每一項(xiàng)上調(diào)用的函數(shù)，一個(gè)是作為歸并基礎(chǔ)的初始值(可選)，
// 傳入的函數(shù)接受四個(gè)參數(shù)，前一個(gè)值、當(dāng)前值、索引、數(shù)組對(duì)象，這個(gè)函數(shù)返回的任何值都會(huì)作為第一個(gè)參數(shù)傳給下一項(xiàng)
// 注意：如果傳遞了第二個(gè)參數(shù)，即歸并的初始值，那么函數(shù)會(huì)從數(shù)組第一項(xiàng)開(kāi)始遍歷，如果不傳則把第一項(xiàng)作為初始值直接從第二項(xiàng)開(kāi)始遍歷

函數(shù)實(shí)際上是對(duì)象，所以每個(gè)函數(shù)都是Function類型的實(shí)例，而且和其它引用類型一樣具有屬性和方法。
由于函數(shù)是對(duì)象，因此函數(shù)名實(shí)際上是指向一個(gè)函數(shù)對(duì)象的指針，不會(huì)與某個(gè)函數(shù)綁定。

區(qū)別在于函數(shù)聲明提升。

a.函數(shù)聲明：

  function sum (n1, n2) {
    return n1 + n2
  }

b.函數(shù)表達(dá)式：

  var sum = function (n1, n2) {
    return n1 + n2
  }

function createComparisonFunction (propertyName) {
  return function (obj1, obj2) {
    var value1 = obj1[propertyName]
    var value2 = obj2[propertyName]

    if (value1 < value2) {
      return -1
    } else if (value1 > value2) {
      return 1
    } else {
      return 0
    }
  }
}

var data = [{
  name: "ZhangSan",
  age: 18
}, {
  name: "Nicholas",
  age: 19
}]
data.sort(createComparisonFunction("name"))

?在函數(shù)內(nèi)部有兩個(gè)特殊對(duì)象， arguments、this。
arguments 有一個(gè)名叫 callee 的屬性，是一個(gè)指針，指向擁有這個(gè) arguments 對(duì)象的函數(shù)，
應(yīng)用如下：
求階乘：

  function factorial (n) {
    if (n <= 1) {
      return 1
    } else {
      return n * arguments.callee(n - 1)
    }
  }

this 指執(zhí)行這個(gè)函數(shù)的環(huán)境對(duì)象
es5 規(guī)范化了另一個(gè)函數(shù)對(duì)象的屬性 caller，這個(gè)屬性保存著調(diào)用當(dāng)前函數(shù)的函數(shù)的引用，如果在全局作用域中則為null，如：

  function outer () {
    inner()
  }
  function inner () {
    alert(inner.caller)  // 顯示 outer 函數(shù)的源代碼
  }

或者：

function outer () {
  inner()
}
function inner () {
  alert(arguments.callee.caller)  // 顯示 outer 函數(shù)的源代碼
}

每個(gè)函數(shù)都包含兩個(gè)屬性，length和prototype。
length表示函數(shù)希望接受的參數(shù)的個(gè)數(shù)，prototype是保存所有實(shí)例方法的真正所在

每個(gè)函數(shù)都包含兩個(gè)非繼承過(guò)來(lái)的方法，call()和apply()，作用都是在特定的作用域中調(diào)用函數(shù)，實(shí)際上等于設(shè)置函數(shù)體內(nèi)this指針的值
apply() 接受兩個(gè)參數(shù)，一個(gè)是在其中運(yùn)行的作用域，一個(gè)是包含所有參數(shù)的數(shù)組，可以是 Array 的實(shí)例，也可以是 arguments 對(duì)象
call() 第一個(gè)參數(shù)同 apply(), 之后把所有參數(shù)直接傳遞給函數(shù)，如：

  window.color = "red"
  var o = {
    color: "blue"
  }
  function sayColor () {
    alert(this.color)
  }
  sayColor() // "red"
  sayColor.call(this) // "red"
  sayColor.call(window) // "red"
  sayColor.call(o) // "blue"

es5 定義了 bind() 方法，這個(gè)方法會(huì)創(chuàng)建一個(gè)函數(shù)的實(shí)例，其this值會(huì)被綁定到傳給 bind() 函數(shù)的值，如：

window.color = "red"
var o = {
  color: "blue"
}
function sayColor () {
  alert(this.color)
}
var objSayColor = sayColor.bind(o)
objSayColor() // "blue"
// 支持的瀏覽器 IE 9+，F(xiàn)irefox 4+, Safari 5.1+, Opera 12+, Chrome

var num = 10
num.toString() // "10"
num.toString(10) // "10"
num.toString(2) // "1010"
num.toString(8) // "12"
num.toString(16) // "a"

num.toFix(n) // 該方法將按照指定的小數(shù)位返回?cái)?shù)值的字符串表示，如：
var num = 10
num.toFix(2) // "10.00"
// 如果數(shù)值本身比指定的小數(shù)位多，在現(xiàn)代瀏覽器上則按照四舍五入的辦法來(lái)處理
num.toExponential(n) // 表示用指數(shù)表示法（也稱e表示法）來(lái)把數(shù)值按指定的位數(shù)來(lái)轉(zhuǎn)化成字符串形式，如：
var num2 = 10.1234
num2.toExponential(4) // "1.0123e+1"

var str = "哈哈"
str.length // 2

var stringValue = "hello world"
stringValue.charAt(1) // "e"
stringValue.charCodeAt() // 101 // 數(shù)值類型
// es5 定義了 方括號(hào)加數(shù)字索引來(lái)訪問(wèn)特定字符的方法，如：
stringValue[1] // "e"
// 支持的瀏覽器 IE 8+，F(xiàn)irefox , Safari , Opera , Chrome

str.concat() // 類似于 + 號(hào)拼接字符串，可以傳遞多個(gè)參數(shù)，返回新的把str和所有參數(shù)拼接在一起的字符串
slice() substring() substr() // 這三個(gè)都是會(huì)返回被操作字符串經(jīng)過(guò)分割得到的新字符串，接受一個(gè)或兩個(gè)參數(shù)，第一個(gè)參數(shù)指定分割開(kāi)始位置，
 // slice() substring() 的第二個(gè)參數(shù)指定分割結(jié)束位置，不包括該位置的字符串，substr() 第二個(gè)參數(shù)指返回的字符個(gè)數(shù)。
 // 如果沒(méi)有給定第二個(gè)參數(shù)，則將字符串的長(zhǎng)度作為結(jié)束位置，如：
var stringValue = "hello world!"
stringValue.slice(3) // "lo world!"
stringValue.substring(3) // "lo world!"
stringValue.substr(3) // "lo world!"

stringValue.slice(3, 7) // "lo wo"
stringValue.substring(3, 7) // "lo wo"
stringValue.substr(3, 7) // "lo worl"
 // 如果傳入的參數(shù)為負(fù)值，三個(gè)方法處理情況不相同：slice() 把兩個(gè)負(fù)參數(shù)都跟字符串長(zhǎng)度相加，substring() 把兩個(gè)負(fù)參數(shù)都轉(zhuǎn)化成0，
 // substr() 把第一個(gè)參數(shù)跟字符串長(zhǎng)度相加，第二個(gè)參數(shù)轉(zhuǎn)化成0

// 這兩個(gè)方法的區(qū)別在于，一個(gè)從前向后搜索子字符串，一個(gè)從后向前搜索子字符串，如：

var stringValue = "hello world"
stringValue.indexOf("o") // 4
stringValue.lastIndexOf("o") // 7

// 這兩個(gè)方法都可以接受第二個(gè)參數(shù)，表示從字符串中的哪個(gè)位置開(kāi)始搜索，包括指定的位置，如以下方法通過(guò)循環(huán)調(diào)用找到所有匹配的子字符串：

function getAllStr (str1, str2) {
  var positions = []
  var pos = str1.indexOf(str2)
  while (pos > -1) {
    positions.push(pos)
    pos = str1.indexOf(str2, pos + 1)
  }
  return positions
}

var stringValue = "  abc  "
stringValue.trim() // "abc"
 // 支持的瀏覽器 IE 9+，F(xiàn)irefox 3.5+, Safari 5+, Opera 10.5+, Chrome
 // 此外 Firefox 3.5+, Safari 5+ Chrome 8+ 還支持非標(biāo)準(zhǔn)的 trimLeft() trimRight() 方法，分別用來(lái)刪除字符串開(kāi)頭和結(jié)尾的空格

toLowerCase() toLocaleLowerCase() toUpperCase() toLocaleUpperCase()
toLocaleLowerCase() toLocaleUpperCase() // 為對(duì)少數(shù)語(yǔ)言應(yīng)用的特殊規(guī)則

var stringValue = "Hello World!"
stringValue.toLowerCase() // "hello world!"
stringValue.toUpperCase() // "HELLO WORLD!"

這一部分稍后添加上去?

編碼方法可以對(duì) URI(Uniform Resource Identifiers 通用資源標(biāo)識(shí)符) 進(jìn)行編碼，以便發(fā)送給瀏覽器。有效的 URI 不能包含某些字符，如空格。
它們用特殊的 UTF-8 編碼替換所有無(wú)效字符，從而讓瀏覽器能夠接受和理解。
區(qū)別是 encodeURI() 不會(huì)對(duì)本身屬于 URI 的特殊字符進(jìn)行編碼，例如冒號(hào)、正斜杠、問(wèn)號(hào)、井號(hào)；而 encodeURIComponent()
會(huì)對(duì)它發(fā)現(xiàn)的所有非標(biāo)準(zhǔn)字符進(jìn)行編碼。

decodeURI() 是 encodeURI() 的反操作
decodeURIComponent() 是 encodeURIComponent() 的反操作

第一部分結(jié)束。