javascript - 在 Javascript 中调用另一个函数中定义的函数

Question

我在按钮单击时调用一个函数，如下所示：

<input type="button" onclick="outer();" value="ACTION">​

function outer() { 
    alert("hi");       
}

它工作正常，我收到警报：

现在当我这样做时：

function outer() { 
    function inner() {
        alert("hi");
    }
}

为什么我没有收到警报？

虽然内部函数在外部函数中有一个可用的范围。

Answer 1

你可以把它变成一个模块，并通过在一个对象中返回它来公开你的内部函数。

function outer() { 
    function inner() {
        console.log("hi");
    }
    return {
        inner: inner
    };
}
var foo = outer();
foo.inner();

Answer 2

正如您所指出的，范围界定是正确的。但是，您不会在inner任何地方调用该函数。

您可以执行以下任一操作：

function outer() { 

    // when you define it this way, the inner function will be accessible only from 
    // inside the outer function

    function inner() {
        alert("hi");
    }
    inner(); // call it
}

或者

function outer() { 
    this.inner = function() {
        alert("hi");
    }
}

<input type="button" onclick="(new outer()).inner();" value="ACTION">​

Answer 3

您没有调用函数inner，只是定义它。

function outer() { 
    function inner() {
        alert("hi");
    }

    inner(); //Call the inner function

}

Answer 4

您也可以试试这个。在这里，您将返回“内部”函数并使用第二组括号进行调用。

function outer() {
  return (function inside(){
    console.log("Inside inside function");
  });
}
outer()();

或者

function outer2() {
    let inside = function inside(){
      console.log("Inside inside");
    };
    return inside;
  }
outer2()();

Answer 5

同样，不是直接回答这个问题，而是通过网络搜索引导到这里。最终通过简单地将内部函数分配给全局变量来公开内部函数而不使用 return 等。

var fname;

function outer() {
    function inner() {
        console.log("hi");
    }
    fname = inner;
}

现在只是

fname();

Answer 6

如果你想用“外部”函数调用“内部”函数，你可以这样做：

function outer() { 
     function inner() {
          alert("hi");
     }
     return { inner };
}

在“onclick”事件中，您可以像这样调用函数：

<input type="button" onclick="outer().inner();" value="ACTION">​

Answer 7

你也可以只使用return：

   function outer() { 
    function inner() {
        alert("hi");
    }
return inner();

}
outer();

Answer 8

function outer() { 

    function inner() {
        alert("hi");
    }
    inner();
}

你应该试试这个

Answer 9

在 JavaScript 中

如果使用 ES6
static函数可以在一个class

如果使用 ES5
经过几天的使用，下面是我想出的，
它是最小的，也有很多方便：

function MathFunctions() {
    let thefo = {}; // the functions object

    thefo.sum = sum = (a, b) => {
        return a + b;
    };
    thefo.avg = avg = (a, b) => {            // name is repeated 2 times - minor inconvenience
        return sum(a, b) / 2;                // calls sum, another function without using 'this'
    };

    return thefo;                            // no need to go down & export here always for each new function - major convenience
}

// Usage
console.log(MathFunctions().sum(1, 2));
console.log(MathFunctions().avg(1, 2));
// OR
const mf = MathFunctions();
console.log(mf.sum(1, 2));
console.log(mf.avg(1, 2));

Answer 10

试试这个解决方案

const greet = (greeting) => {
    return function (name) {
        console.log(`${greeting} ${name}`);
    };
};

greet('Hi !')('JAHID');