Javascript: переменная область в обратном вызове

Question

Я пытаюсь повторно использовать variable внутри function, который вызывает callback, но он не работает так, как мне кажется.

another()(); //=> logs "somevalue" 
callingfn(); //=> logs " someval is not defined" 

function a(fn){ 
    var someval = "some-value"; 
    return fn(); 
} 

function callingfn(){ 
return a.call(this, function(){ 
    console.log(someval) 
    }) 
} 

function another(){ 
    var sv = "somevalue"; 
    return function(){ 
    console.log(sv); 
    } 
} 

Я не могу понять, если это проблема замыкания связанных, но сначала я ожидал, что someval в callingfn была бы определена.

Где я ошибаюсь?

Answer 1

Попробуйте:

another()(); //=> logs "somevalue" 
callingfn(); //=> logs " someval is not defined" 
var someval; 
var sv; 

function a(fn){ 
    someval = "some-value"; 
    return fn(); 
} 

function callingfn(){ 
return a.call(this, function(){ 
    console.log(someval) 
    }) 
} 

function another(){ 
sv = "somevalue"; 
    return function(){ 
    console.log(sv); 
    } 
} 

Answer 2

функция fn() отличается от a() хотя он получает fn в качестве параметра.

В качестве параметра вы можете отправить someval.

another()(); //=> logs "somevalue" 
callingfn(); //=> logs " someval is not defined" 

function a(fn){ 
    var someval = "some-value"; 
    return fn(someval); 
} 

function callingfn(){ 
return a.call(this, function(someval){ 
    console.log(someval) 
    }) 
} 

function another(){ 
    var sv = "somevalue"; 
    return function(){ 
    console.log(sv); 
    } 
} 

Или просто объявить var someval в глобальном масштабе, в настоящее время он находится внутри функции, которая делает его локальным.

Надеюсь, это поможет.

Answer 3

someval Определить за рамки функций:

var someval; // <- outside of the scope of any one function 
another()(); //=> logs "somevalue" 
callingfn(); //=> logs " someval is not defined" 

function a(fn){ 
    someval = "some-value"; // <-remove "var" to access the variable outside the scope 
    return fn(); 
} 

function callingfn(){ 
return a.call(this, function(){ 
    console.log(someval) 
    }) 
} 

function another(){ 
    var sv = "somevalue"; 
    return function(){ 
    console.log(sv); 
    } 
}