it-swarm.com.ru

Что такое ненавязчивый Javascript с точки зрения непрофессионала?

Что такое ненавязчивый Javascript с точки зрения непрофессионала? Пример был бы хорош, чтобы помочь моему пониманию.

53
Imran

Оформить статью в википедии:

"Ненавязчивый JavaScript" - это общий подход к использованию JavaScript на веб-страницах. Хотя этот термин не определен формально, его основные принципы обычно включают в себя:

  • Отделение функциональности ("уровня поведения") от структуры/содержимого и представления веб-страницы
  • Лучшие практики, позволяющие избежать проблем традиционного программирования на JavaScript (таких как несоответствия браузера и отсутствие масштабируемости)
  • Прогрессивное улучшение для поддержки пользовательских агентов, которые могут не поддерживать расширенную функциональность JavaScript [2]

Так что это в основном отделяет поведение или javascript от представления или HTML.

Пример:

<input type="button" id="btn" onclick="alert('Test')" />

Это не ненавязчивый JavaScript, потому что поведение и представление смешаны. onclick не должно быть в html и должно быть частью самого javascript, а не html.

С приведенным выше примером, вы можете пойти ненавязчиво, как это:

<input type="button" id="btn" />

JavaScript:

var el = document.getElementById('btn');
el.onclick = function(){
  alert('Test');
};

Тогда мы отделили javascript от html очень простым примером.

Примечание:

Существует больше ненавязчивого JavaScript, как это можно проверить в статье в Википедии.

76
Sarfraz