JavaScript裏面的一等公民——函數

函數內部的屬性

arguments

這個屬性是一個類數組，它表明着傳入函數的全部參數的一個數組的集合。

function test() {  return arguments}test(1, '2', true) // [1,'2',true]
複製代碼

也就是咱們能夠不定義函數傳入值，而是採用argument[xxx]來找到對應的傳入值。

另一點，arguments上面一樣存在着兩個屬性。

arguments.callee

這個屬性的意義是指向擁有arguments對象的函數，通常狀況咱們在作遞歸的時候，咱們可使用它。

咱們來個最經典的階乘的運用來講明這個問題。

function test(num) {  if (num <= 1) {    return 1  } else {    return num * test(num - 1)  }}test(5)   //120
複製代碼

這裏可使用arguments.callee替代函數內部的遞歸函數，從而到達一個解耦的做用。

由於，若是咱們採用直接遞歸的方法的話，在下面這種狀況的時候，是會出現錯誤的。

const changeTest = test
test = null
changeTest(4) // 報錯！！
複製代碼

由於在內部二次調用test這個函數的時候，它其實已經再也不是一個函數了，因此就會報錯，

而這個時候就可使用arguments.callee是解決這種問題的一個好的方法。

function test(num) {  if (num <= 1) {    return 1  } else {    return num * arguments.callee(num - 1)  }}
複製代碼

注意事項！！

這裏有一個須要注意的地方，就是arguments.callee這個東西，在JS的嚴格模式下，是不能使用的，會報錯！！

caller

這個是調用當前函數的函數引用，例如

function test() {  test1()}function test1() {  alert(test1.caller) //顯示test的代碼塊}
複製代碼

由於這裏也屬於函數內部調用自身的狀況，因此能夠跟上面說的arguments.callee結合起來使用，也就是

function test() {  test1()}function test1() {  alert(arguments.callee.caller)}
複製代碼

同時若是函數是在全局做用域下面被調用的話，那麼caller獲得的值就是null。

同時在ES5中，一樣還提供了一個屬性，也就是arguments.caller 它的存在是爲了跟arguments.callee來作一個區分，arguments.caller在取值的過程當中，始終都是取得undefinded，這點也是須要注意的一個問題。

this

關於thie指向的問題，有太多文章說明這個了，這裏我就不說了。

可是幾個提到this就不得不提的，那就是call()，apple()，bind()。

相信這三兄弟你們也是至關的熟悉了，官方對它們的解釋是：在特定的做用域中去調用函數。

其實，這三兄弟真正強大的地方，是擴充函數的運行做用域，這個纔是三個方法的真正的用法。

例如

color = 'red'const test = {  color: 'blue',}function showTest() {  return this.color}showTest() // 'red'

showTest.call(test) // 'blue'
showTest.call(this) // 'red'
複製代碼

經過擴充函數的做用域，纔是它們的真正的用法。

最後

這是一篇我的的一些學習上面的一些記錄，若是有哪裏說的很差的地方，歡迎各位老哥指正，若是以爲我寫的內容對你有所幫助，求贊！！！！

（第一篇博客，不知道有沒有10個贊呀b(￣▽￣)d）