Почему возникает ошибка: Uncaught TypeError: my_function is not a function?

Question

[Shimpanze]

Здравствуйте!

Почему функция не видится?

Создаю функцию:

(function() {
  function my_function() {
    let script = document.createElement('script');
    script.type='text/javascript';
    script.text = `function allert() { alert('Ура!'); }`;
    document.getElementsByTagName('head').item(0).appendChild(script);
  }
})();

...функция появляется в шапке, с этим проблем нет.

Далее - вызываю её:

(function() {

    let button = document.createElement('button');

    button.innerHTML = 'Нажми меня';
    button.onclick = my_function();

    document.getElementById('body').appendChild(button);

  })();

Получаем ошибку: «Uncaught TypeError: my_function is not a function».

Answer 1

[Александр]

Вы присваиваете результат функции а не саму функцию, попробуйте так:
button.onclick = my_function;
Дело в отм что когда пишешь "()" рядом с функцией то выполняется ее вызов и возвращается результат, который равен null в вашем случае, а когда нет возвращается указатель на функцию.

Comments

[Shimpanze]

Дело в том, что я когда даже вызываю эту функцию в консоли, она не срабатывает - как будто её вообще нет «Uncaught TypeError: my_function is not a function».

[Александр]

тогда обьясните зачем нужна конструкция

(function() {
  //какой то код
})();

у которой своя область видимости и my_function она в данном случае не существует за пределами этой конструкции.
Видимо вы упустили какую-то тему где подробно рассказывалось что такое "область видимости".

[Shimpanze]

Ну как, как тогда положить функцию «my_function» в head и чтобы к ней можно было обратиться через button onclick?

[Lynn «Кофеман»]

Shimpanze, так её и нет. Вы её объявили в замыкании и снаружи она неедоступна

Answer 2

[Moses Fender]

my_function() заявлена в замыкании, и актуальна только для этого замыкания. Стало быть, чтобы назначить её обработчиком для чего-то, это что-то нужно в том же замыкании создавать.