为什么函数是javascript中的对象？

Question

请解释一下为什么函数是javascript中的对象？ 对象是具有属性的结构。属性的值可能是一个函数，我们称这个属性为方法。 但是我们不能执行一个对象。 我们不能这样做：

var cat = {name: 'Murzik', age: 17};
cat();

但是我们可以执行函数

var func = function() {
    alert('Hello world!');
};
func();

那么，如果函数是对象，为什么我们可以这样做呢？ 请帮我理解！ 谢谢！

Answer 1

因为 ECMAScript 规范是这样说的：

4.3.24 function

作为标准内置实例的 Object 类型的成员 Function 构造函数，可以作为子例程调用

注意

• 有些对象是不可调用的：

  var obj = {};
  typeof obj; // "object" --> It's not callable
  obj(); // TypeError: obj is not a function
  

• 有些对象是可调用的，但不是函数：

  var obj = document.createElement('object');
  typeof obj; // "function" --> It's callable
  obj instanceof Function; // false --> It's not a function
  

• 有些对象是可调用的并且是函数：

  function obj(){}
  typeof obj; // "function" --> It's callable
  obj instanceof Function; // true --> It's a Function instance
  

• 并非所有Function 实例都是可调用的：

  var obj = Object.create(Function.prototype);
  obj instanceof Function; // true --> It's a Function instance
  typeof obj; // "object" --> It's not callable
  obj(); // TypeError: obj is not a function
  

Answer 2

这就是语言的设计方式。函数是引用类型（它们作为指针传递），JavaScript 引用类型可能有子引用。我认为您正在努力协调来自 C++ 或 Java 的对象模型（具有特权方法的结构）与另一种语言提供的类型糖。

我不确定 Brendan Eich 在什么时候选择将函数实现为对象的实例，但我怀疑原因是它与使函数成为一等变量是一致的。对象已经作为一种变量存在，使用现有变量类型对函数进行建模可能是有意义的。你得直接问他。

一个方便的副作用是它允许我们在函数上存储元数据。这在执行缓存或执行任何其他需要在函数调用之间保持状态的事情时会很方便：

function myCachedFunction(argument) {
    myCachedFunction.cache = myCachedFunction.cache || {};
    myCachedFunction.cache[argument] = myCachedFunction.cache[argument] || operation();

    return myCachedFunction.cache[argument];

    function operation() {
        // performs action with argument
        // only gets called if no cache lookup for argument
    }
}

有些函数还需要知道它们何时被调用。这可以通过闭包变量来实现，但函数字段有时可能是更优雅的解决方案：

function getUniqueID() {
    getUniqueID._calls = getUniqueID._calls || 0;
    return getUniqueID._calls++;
}

Answer 3

仅仅是因为它们是……这就是语言的设计者决定做的事情。

Answer 4

如果一个对象是可调用的，你会期望发生什么？您可以将对象视为存储，将函数视为您可以执行的东西。此外，函数不是对象，而是它们的超集。因此，像 jquery 这样的库是可能的，原型继承也是可能的，这就是您在 JavaScript 中创建类的方式。

function Car() {
    this.tires = 4;
}

Car.prototype.hi = function() {
    console.log("hi");
}

var myCar = new Car();

console.log(myCar.tires); // 4
myCar.hi(); // hi

还有静态方法

Car.bye = function() {
    console.log("bye");
}

Car.bye(); // bye
myCar.bye(); // this is an error