javascript：函数属性梳理

主题

javascript中最有意思的就是函数，函数也是对象。本文主要讲解函数对象中的三个在属性：

1. length
2. arguments
3. caller

1. length

没错，length属性并不是数组专有，函数也有。在函数中length属性描述的是参数的数量,若是没有参数则长度等于0。

2. arguments

arguments是一个类数组对象，包含着传入函数的全部参数，以及他自身的一些属性。arguments不是一个 Array。它相似于Array，但除了length属性和索引元素以外没有任何Array属性。例如，它没有 pop 方法。可是它能够被转换为一个真正的Array：

function sum (num1, num2) {
    console.log(arguments) // Arguments(2) [10, 15, callee: ƒ, Symbol(Symbol.iterator): ƒ]
    // 转化数组①
    console.log([].slice.call(arguments))// [10, 15]
    // 转化数组②
    console.log(Array.prototype.slice.call(arguments)) // [10, 15]
    // 转化数组③ es6 
    console.log(Array.from(arguments))  // [10, 15]
  return num1 + num2
  }
  sum(10, 15)
复制代码

上面涉及的call方法先理解为参数传递，会再写一篇文章来说解。查看一下在函数内打印arguments对象都是些啥：

arguments对象还有一个名叫 callee的属性，该属性其实就是一个指针，指向拥有这个 arguments对象的函数。那么 arguments.callee()等于 sum()。这在函数的名称是未知时颇有用，例如在没有名称的函数表达式 (也称为 匿名函数)。那 callee这玩意有啥用呢？来看一下《 javascript高级程序设计》的描述的经典阶乘函数：

function factorial(num) {
    return num <= 1 ? 1 : (num * factorial(num - 1))
  }
复制代码

定义阶乘通常都须要用到递归算法，递归的时候须要明确递归的函数，这样带来的问题就是函数的执行便与函数名仅仅的耦合在了一块儿。为了消除这种耦合，则可使用arguments.callee:

function factorial(num) {
    return num <= 1 ? 1 : (num * arguments.callee(num - 1))
  }
复制代码

在什么状况下须要使用这种匿名函数呢？传送门

3. caller

若是一个函数f是在全局做用域内被调用的,则f.caller为null,相反,若是一个函数是在另一个函数做用域内被调用的,则f.caller指向调用它的那个函数。

function outer () {
    inner()
  }
  function inner () {
    console.log(inner.caller)
  }
  outer()
复制代码

控制台：

ƒ outer () {
    inner()
  }
复制代码

在控制台中显示了outer()函数的源码。由于outer()调用了inner(),因此inner.caller就指向了outer()。为了实现更松散的耦合，也可使用 arguments.callee.caller代替inner.caller。

结语

本文目的在于本身的知识梳理与增强。

参考文献：

• 《javascript高级程序设计》
• MDN

种一颗树最好的时间是十年前。