How to keep this in javascript?

Asked Jan 25 '16 at 08:28

Active Jan 25 '16 at 08:36

Viewed 35 times

var pageInit = (function(){
    var regBtn = function(){
        var ls = document.querySelectorAll("li");
        for (var i = 0; i < ls.length; i++) {
            ls[i].onclick = menuClick;  
        }
    };
    var menuClick = function(){
        console.log(ls[i]);
    };
    return {
        regBtn: regBtn
    };
})();

window.onload = function(){
    pageInit.regBtn();
};

I'm starting modulation of coding javascript now.
But faced with the problem of function scope.
I know what the problem is but don't know how to solve it.
menuClick can't read the ls[i].
I tried ls[i].onclick = this.menuClick; or menuClick.bind(this) but useless.
How to solve problems like this?
I know how closure is but dont know how to solve this through bind() call() etc.

edited Jan 25 '16 at 08:36

asked Jan 25 '16 at 08:28

yaochiqkl

try to move menuClick function iside regBtn function – Javasick Jan 25 '16 at 08:31
change `var menuClick = function(){ console.log(this); };` – Manasov Daniel Jan 25 '16 at 08:32
1

note: `this` inside menuClick will be the element that was clicked - so you don't even need to worry about "closure inside for loops" – Jaromanda X Jan 25 '16 at 08:34
Oh I see .Thx a lot ! – yaochiqkl Jan 25 '16 at 08:39

How to keep this in javascript?

0 Answers0