javascript - 在 JavaScript 和变量范围内嵌套函数？

Question

我有一个函数，其中在该函数中声明了变量，我需要创建另一个函数，该函数将使用这些变量并在我单击 HTML 文档上的按钮时运行，我是否创建一个嵌套函数并调用它，如果是这样怎么办？

Answer 1

function outer(some_var) {
  function inner() {
    alert(some_var);
  }
  document.getElementById("my_button").onclick = inner;
  // or
  document.getElementById("my_button").addEventListener("click", inner);
}

Answer 2

JAVASCRIPT：

   function MyFunction_outer(){
    var local variable1=some_value;
    var MyFunction_inner=function(some_value){
    alert(some_value);
      }
    }

HTML：

//this is how call a function onclick.

      <div onclick="MyFunction_outer" >CLICK_ME</div>//for outer function
      <div onclick="MyFunction_inner" >CLICK_ME</div>//for inner function

这就是调用函数的方式。如果您不想编写内联代码并污染您的 HTML 代码，也可以使用addEventListener 。

使用 addEventListener-:

document.getElementById('button_id').addEventListener("click",function({MyFunction_outer()},false)

或者

document.getElementById('button_id').addEventListener("click",function({MyFunction_inner()},false)