.onclick не всегда срабатывает

@sst421 · Регистрация: 20.06.2012

Author24 — интернет-сервис помощи студентам

есть код, который создаёт тег <img>
к нему я привязывают .onclick

JavaScript    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
img.onclick = myFunction;
function myFunction()
{
     (код)
}

прекрасно работает, а если добавить () после .onclick, то перестаёт работать и сходит с ума страница.

JavaScript    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
img.onclick = myFunction();
function myFunction()
{
     (код)
}

так не пашет, это такой синтаксис странный в JS, или я что то не правильно делаю?

@kalabuni · 21.07.2013, 07:40

-- пара круглых скобок обозначает вызов исполнения функции
-- просто имя функции без скобок обозначает назначение функции

например, если запустите такой код function myFunc () {alert (123)}, то ничего не произойдёт, ибо функция определена, но не вызвана

а если этот же код сопроводите парой круглых скобок (function myFunc () {alert (123)}) ();, то увидите алерт, т.е. функция не только определится, но и исполнится

@sst421 · 21.07.2013, 14:49 **[ТС]**

то есть, я не смогу передать этой функуии какой либо параметр? например

JavaScript    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
img.onclick = myFunction(i);
function myFunction(i)
{
     alert(i);
}

не будет работать? и как вообще сделать эту функцию рабочую?

@BigProgrammer · 21.07.2013, 20:41

Аргумент можно передать через bind.

JavaScript    
        
    Скопировано
1
img.onclick=myFunction.bind(img, i);

Новые блоги и статьи Все статьи Все блоги /
Результаты исследования от команды MCM (март 2025 г.) Programma_Boinc 07.04.2025 Результаты исследования от команды MCM (март 2025 г. ) В рамках наших текущих исследований мы продолжаем изучать гены, которые имеют наибольшую вероятность развития рака легких, выявленные в рамках. . .	Рекурсивные типы в Python py-thonny 07.04.2025 Рекурсивные типы - это типы данных, которые определяются через самих себя или в сочетании с другими типами, которые в свою очередь ссылаются на исходный тип. В мире программирования такие структуры. . .	C++26: Объединение и конкатенация последовательностей и диапазонов в std::ranges NullReferenced 07.04.2025 Работа с последовательностями данных – одна из фундаментальных задач, с которой сталкивается каждый разработчик. C++ прошел длинный путь в эволюции средств для манипуляции коллекциями – от. . .	Обмен данными в микросервисной архитектуре ArchitectMsa 06.04.2025 Когда разработчики начинают погружаться в мир микросервисов, они часто сталкиваются с парадоксальным правилом: "два сервиса не должны делить один источник данных". Эта мантра звучит повсюду в. . .	PostgreSQL в Kubernetes: Автоматизация обслуживания с CNPG Mr. Docker 06.04.2025 Администраторы баз данных сталкиваются с целым рядом проблем при обслуживании PostgreSQL в Kubernetes: как обеспечить правильную репликацию данных, как настроить автоматическое переключение при. . .
Async/await в TypeScript run.dev 06.04.2025 Асинхронное программирование — это подход к разработке программного обеспечения, при котором операции выполняются независимо друг от друга. В отличие от синхронного выполнения, где каждая последующая. . .	Многопоточность в C#: Синхронизация потоков UnmanagedCoder 06.04.2025 Многопоточное программирование стало неотъемлемой частью разработки современных приложений на C#. С появлением многоядерных процессоров возможность выполнять несколько задач параллельно значительно. . .	TypeScript: Классы и конструкторы run.dev 06.04.2025 TypeScript, как статически типизированный язык, построенный на основе JavaScript, привнес в веб-разработку новый уровень надежности и структурированности кода. Одним из важнейших элементов этой. . .	Многопоточное программирование: Rust против C++ golander 06.04.2025 C++ существует уже несколько десятилетий и его поддержка параллелизма постепенно наращивалась со временем. Начиная с C++11, язык получил стандартную библиотеку для работы с потоками, а в последующих. . .	std::vector в C++: от основ к оптимизации производительности NullReferenced 05.04.2025 Для многих программистов знакомство с std::vector происходит на ранних этапах изучения языка, но между базовым пониманием и подлинным мастерством лежит огромная дистанция. Контейнер std::vector. . .

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	21.07.2013, 07:40
	-- пара круглых скобок обозначает вызов исполнения функции -- просто имя функции без скобок обозначает назначение функции например, если запустите такой код function myFunc () {alert (123)}, то ничего не произойдёт, ибо функция определена, но не вызвана а если этот же код сопроводите парой круглых скобок (function myFunc () {alert (123)}) ();, то увидите алерт, т.е. функция не только определится, но и исполнится 1