Почему у функции внутри функции события onclick не должно быть скобок?

Question

Почему у функции внутри функции события onclick не должно быть скобок?

1

Я некоторое время боролся с этой проблемой:

<input type="submit" onclick="barPlot(function1())">
<input type="submit" onclick="barPlot(function2())">

Где я пытался, посредством события onclick, разрешить моей функции "barPlot()" выбирать данные из различных функций.

Результат этого в моей функции barPlot, которая выглядела так:

function barPlot(callback) {

    var myData = callback();

    }

... был "обратный вызов не является функцией".

Когда я, наконец, попробовал это (удаление конечных скобок в вызове), он работал:

<input type="submit" onclick="barPlot(function1)">
<input type="submit" onclick="barPlot(function2)">

Это почему?

(Если у кого-то есть дополнительная критика моего способа сделать это, тогда вам разрешено свободно упоминать об этом. Это практика для меня).

user2703642 07 янв. 2018, в 13:52

Источник

1

Не относится к вашему вопросу, но поскольку вы упомянули критику: я рекомендую использовать современную обработку событий ( addEventListener и тому подобное), а не обработчики событий в стиле onxyz , которые требуют, чтобы функции, на которые они ссылаются, были глобальными. (И затем, конечно, сделать функции неглобальными, поскольку глобальное пространство имен действительно переполнено.)
T.J. Crowder 07 янв. 2018, в 12:09
0

Спасибо за это упоминание. У вас есть хорошие источники, на которые я мог бы посмотреть? Моя борьба как непрограммиста, несмотря на то, что я читал такие книги, как «JavaScript - хорошие части», состоит в том, что я абсолютно не представляю, какой ущерб я причиняю и как я должен структурировать свой код, особенно когда он становится большим. (Эта обработка глобальных функций особенно сложна для меня: как я должен держать их подальше от глобального пространства имен, в то же время, как я должен иметь возможность использовать их в одно и то же время) - Это просто как упоминание о том, как я с нуля сейчас работаю :)
user2703642 07 янв. 2018, в 12:24
1

MDN - это хороший отредактированный сообществом сайт для JavaScript, DOM и связанной с ним информации, как правило, довольно точный (но, опять же, отредактированный сообществом, поэтому иногда ошибки появляются и не исправляются некоторое время). Страница на addEventListener находится здесь .
T.J. Crowder 07 янв. 2018, в 12:27

Показать ещё 1 комментарий

Теги:

javascript

callback

onclick

2 ответа

1

Это происходит потому, что вы должны предоставить функцию в качестве обратного вызова, но если вы пишете круглые скобки, вы не предоставляете функцию. Вместо этого вы выполняете написанную функцию (из-за скобок) и предоставляете возвращаемое им значение.

moronator 07 янв. 2018, в 09:19

Ещё вопросы

Не относится к вашему вопросу, но поскольку вы упомянули критику: я рекомендую использовать современную обработку событий ( addEventListener и тому подобное), а не обработчики событий в стиле onxyz , которые требуют, чтобы функции, на которые они ссылаются, были глобальными. (И затем, конечно, сделать функции неглобальными, поскольку глобальное пространство имен действительно переполнено.)
Спасибо за это упоминание. У вас есть хорошие источники, на которые я мог бы посмотреть? Моя борьба как непрограммиста, несмотря на то, что я читал такие книги, как «JavaScript - хорошие части», состоит в том, что я абсолютно не представляю, какой ущерб я причиняю и как я должен структурировать свой код, особенно когда он становится большим. (Эта обработка глобальных функций особенно сложна для меня: как я должен держать их подальше от глобального пространства имен, в то же время, как я должен иметь возможность использовать их в одно и то же время) - Это просто как упоминание о том, как я с нуля сейчас работаю :)
MDN - это хороший отредактированный сообществом сайт для JavaScript, DOM и связанной с ним информации, как правило, довольно точный (но, опять же, отредактированный сообществом, поэтому иногда ошибки появляются и не исправляются некоторое время). Страница на addEventListener находится здесь .

VictorArcas · Accepted Answer · 2018-01-07T09-44-00.000Z

Потому что, если вы добавляете родительские элементы, вы вызываете эту функцию и предоставляете внешнюю функцию значение, возвращаемое выполнением внутреннего.