Question

这是一个关于我似乎遇到很多事情的一般性问题：我应该什么时候使用

function Bla(){return function(){alert("bla");}}

并调用主函数Bla，我什么时候应该使用

function Bla(){function innerBla(){alert("bla");}}

并致电Bla.innerBla？

他们之间有什么区别？

Answer 1

这是两种不同的做事方式，它们的运作方式不同。

第一个是返回另一个函数的函数。因此，要调用内部函数，首先需要调用外部函数Bla（返回内部函数），然后调用返回值（内部函数）：

function Bla(){
    return function(){
      alert("bla");
    }
}

Bla()(); // will alert "bla"

第二个只是定义了一个内部函数，并且无法从外部函数外部调用该内部函数，因为它仅限于外部函数Bla中的作用域：

function Bla(){
    function innerBla () {
      alert("bla");
    }
}

Bla(); // will do 'nothing'

Bla.innerBla为undefined，因为对象（函数是JavaScript中的对象）Bla没有附加名为innerBla的成员。

如果你想像bla.innerBla那样调用它，你应该这样做：

function bla () { /* */ }

bla.innerBla = function () {
    alert("bla");
};

bla.innerBla(); 
// will alert "bla" because the `bla` object now has a member called `innerBla`.

或者你可以拥有这样的东西（我经常使用的模式）：

function bla () {
    return {
        innerBla: function () {
            alert("bla");
        }
    };
}

bla().innerBla(); // will also alert "bla"

如果你想使用构造函数模式（new），你需要做这样的事情：

var bla = function () {
  this.innerBla = function () {
    alert("bla");
  };
};

var b = new bla();
b.innerBla();

这相当于在OO语言的对象实例上拥有公共属性。

最后，如果你想通过innerBla的每个'实例'（使用构造函数实现，即使用bla关键字调用new）公开bla，应该将函数添加到bar.prototype.innerBla：

var bla = function () { /* */ };
bla.prototype.innerBla = function () {
  alert("bla");
};

var b1 = new bla(), 
    b2 = new bla();

b1.innerBla(); // will alert "bla"
b2.innerBla(); // will also alert "bla"

这与使用静态方法类似。

在旁注中，避免使用初始大写字母（pascal-case）命名函数，因为按照惯例，通常我们只使用new关键字（构造函数）来大写需要调用的函数的

返回函数和使用function.innerFunction有什么区别？

1 个答案: