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）