函数对象

当我们对函数使用 typeof 操作符会返回什么？

function f() {

    console.log('hello')

}

console.dir(typeof f) // function

实际上函数是一种特殊的 JavaScript 对象。由于函数是对象，所以它也有属性和方法，甚至还可以使用 Function() 构造函数创建新函数对象。

函数对象属性

自有属性

属性名	作用
length	属性表示函数的参数列表中的参数个数。
name	属性表示定义函数时使用的名字，如果是未命名的函数则为匿名函数。
prototype	属性是函数对象的原型对象，每个函数都有自己的原型对象，当函数被作为构造函数使用是，新创建的对象从这个原型对象继承属性。

自定义属性

执行f.count = 0不是在函数内定义一个局部变量 count 。换句话说，函数属性和变量是毫不相关的两个东西。

函数是一种特殊的对象，可以在它里面添加属性，而且对它的执行没有任何影响。因此，可以将自定义属性缓存到函数对象中，而这个属性只有函数自己会用到。

function f() {

    console.log('hello')

    f.count++

}

f['count'] = 1 // 自定义函数属性

f() // 执行函数

f() // 执行函数

console.log(`调用次数: ${f.count}`) // 2

函数方法

call()

call() 和 apply() 允许为不同的对象分配和调用属于一个对象的函数，提供新的 this 值给当前调用的函数。

let o = {

    print: function(date) {

        console.log(`Time: ${date} | ${this.name} 说：${this.content}`)

    }

}

let a = {

    name: 'xiaoming',

    content: '今天天气真好！'

}

let b = {

    name: 'xiaohong',

    content: '今天天气一般！'

}

o.print.call(a, new Date().getHours()) // Time: 22 | xiaoming 说：今天天气真好！

o.print.call(b, new Date().getHours()) // Time: 22 | xiaohong 说：今天天气一般！

call() 和 apply() 类似于 Java 一样，子类继承父类，并调用父类方法。

bind()

bind() 方法可以把函数绑定到对象上。如果在函数 func 上调用 bind() 方法并传入对象 o ，则这个方法会返回一个新函数，这个函数就像是 func 函数一样。

function func(y) {

    return this.x + y

}

let o = {

    x: 1

}

let bindFunc = func.bind(o)

console.log(bindFunc(10)) // 11

绑定完成之后，再将这个函数作为另一个对象的属性：

let p = {

  x: 10,

  bindFunc

}

console.log(p.bindFunc(10)) // 20

说明 bindFunc 依旧绑定的是对象 o 。

函数的构造器

函数本质是对象，而它的构造函数是 Function() ，可以用来创建函数：

const f = new Function('x', 'y', 'return x * y')

巴特西

JavaScript 函数对象（Function 对象）