Виконати »
×
Змінити орієнтацію
Відкрити на Codepen
Змінити тему, Темна/Світла
<!DOCTYPE html> <html> <body> <h1>JavaScript "this"</h1> <p>Цей приклад демонструє, що у функціях зі стрілками ключове слово «this» представляє об’єкт, якому належить функція, незалежно від того, хто її викликає.</p> <p>Натисніть кнопку, щоб знову виконати функцію "hello", і ви побачите, що "this" все ще представляє об’єкт вікна.</p> <button id="btn">Тицни мене!</button> <p id="demo"></p> <script> let hello = ""; hello = () => { document.getElementById("demo").innerHTML += this; } //Об’єкт вікна викликає функцію: window.addEventListener("load", hello); //Об’єкт кнопки викликає функцію: document.getElementById("btn").addEventListener("click", hello); </script> </body> </html>
