[英]Nesting functions in JavaScript and variable scope?
我有一個函數,其中變量在該函數中聲明,我需要創建另一個將使用這些變量的函數,當我單擊HTML文檔上的按鈕時,我會創建一個嵌套函數並調用它,如果是這樣的話怎么辦?
function outer(some_var) {
function inner() {
alert(some_var);
}
document.getElementById("my_button").onclick = inner;
// or
document.getElementById("my_button").addEventListener("click", inner);
}
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)
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.