Question

 function onMouseClickFunction() {

    $mapCanvas.click(function (e) {
        var x = cursor.getCursorPositionInCanvasX(e.pageX),
            y = cursor.getCursorPositionInCanvasY(e.pageY);

what is the variable scope in this example is it function onMouseclickFunction or perhaps the anonymous function of jquery?

What i ment is that javascript uses hoisting creating variables at the top of its parent function, so where is hoisting done in this example?

Answer 1

Assuming you mean the variables x and y, then it is the anonymous function passed to click().

var always scopes to the current function.

What i ment is that javascript uses hoisting creating variables at the top of its parent function, so where is hoisting done in this example?

Hoisting means that when you use var, the variable will be scoped for the function, even if you have previously tried to use it.

i.e.

function () {
    var x = 1;

    function () {
         alert(x);
         var x = 2;
    }
}

If the inner function was called, it would alert undefined because var x = 2 creates a new x in the scope of the inner function (var is hoisted), but the assignment doesn’t take place until after the alert (since the assignment is not hoisted).

All the var statements in the question appear at the top of the function they appear in, so hoisting makes no difference.