Невозможно получить доступ к переменной родителя из функции в Javascript

Question

У меня есть две функции. Я вызываю один из другого, а затем пытаюсь получить доступ к переменной в области родительской функции. Это прекрасно работает, как показано в следующем коде яваскрипта:

var value = "A"; 

function func1() { 
    console.log(this.value); 
    func2(); 
} 

function func2() { 
    console.log(value); 
} 

Вопрос 1: Почему значение не определено в func2, когда упаковка в require.js как this?

Вопрос 2: Почему я должен использовать this.value в func1?

Answer 1

Вы также можете посмотрите на https://plnkr.co/edit/K7TSOypqKyBQEOqseGqP?p=preview, чтобы увидеть, что значение var доступно из func2.

Я нашел для вас решение: добавить SetValue к problem.js:

function setValue(val) { 
    value = val; 
} 

и сделать его общедоступным:

return {func1: func1, setValue:setValue}; 

и от initialize.js называют его:

problem.setValue("D"); 

Теперь из каждой функции в задаче (func1, func2) вы можете использовать variable. См. Его в моей обновленной ссылке.

Это зависит от области действия var value. Обычно, когда вы помещаете это js в html, область видимости - это окно, а также внутри функции func1.

func 2 также должен работать, так как область видимости также является окном, она просто не работает в связанном примере, потому что там она не загружается непосредственно в окно.

Answer 2

Я думаю, что вы можете ввести в заблуждение два значения.

this.value прибудет это свойство value из this, где this создается с помощью функции. func1()

Теперь ваш var value; не определен, потому что вы никогда не устанавливали для него значение.

• this.value является собственностью this

• console.log(value) пытается напечатать значение var value; которое не определено, потому что вы никогда не установить его на что-нибудь