JS + jQuery

Question 1

Каким образом выполняется javascript?

Answer 1

JS интерпретируется и выполняется в браузере пользователя по мерез загрузки страницы или по событию

Question 2

Области видимости переменных.

Answer 2

Локальная

Глобальная

Question 3

Замыкания

Answer 3

Как известно, в JavaScript областью видимости локальных переменных (объявляемых словом var) является тело функции, внутри которой они определены.
При этом, такие переменные продолжают существовать и остаются доступными внутренней функцией даже после того, как внешняя функция, в которой они определены, была исполнена.
function outerFn(myArg) {
   var myVar;
   function innerFn() {
      //имеет доступ к myVar и myArg
   }
}
Именно за эти свойства такие «вложенные» функции в JavaScript называют замыканиями (термином, пришедшим из функциональных языков программирования) — они «замыкают» на себя переменные и аргументы функции, внутри которой определены.

function createCounter() {
   var numberOfCalls = 0;
   return function() {
      return ++numberOfCalls;
   }
}
var fn = createCounter();
fn(); //1
fn(); //2
fn(); //3

…
Функция вместе со всеми внешними переменными, которые ей доступны.
Слово используют по отношению не к функции, а к переменным.
Понимать замыкания в JS значит понимать:
1. Все переменные и параметры функций являются свойствами объекта переменным LexicalEnviroment.
Каждый запуск функции создает новый такой объект.
2. ПРи создании функция получает системное свойство scope, которое ссылается на LexicalEnviroment, в котором она была создана.
3. При вызове функции, куда бы ее не передали, она будет искать переменные сначала у себя, а потом вл внешних LexicalEnviroment с места своего рождения.

Question 4

Какой jQuery метод используется для предотвращения запуска кода до тех пор,
пока весь документ не будет загружен?

Answer 4

Библиотека jQuery располагает двумя методами для проверки загрузки DOM, выполнения кода и прикрепления обработчиков событий: $(document).ready //здесь выполняем jQuery код, когда загружен DOM
$(window).load. // инициализация после того, как загрузились изображения на странице, теперь страница полностью загружена, включая все фреймы, объекты и картинки

Question 5

Что такое AJAX? Какие инструменты работы с AJAX есть в jQuery?

Answer 5

jQuery.ajax Это самый основной метод, а все последующие методы лишь обертки для метода jQuery.ajax. У данного метода лишь один входной параметр — объект включающий в себя все настройки
jQuery.get Загружает страницу, используя для передачи данных GET запрос.
jQuery.post
jQuery.getJSON Загружает данные в формате JSON (удобней и быстрее нежели XML).
jQuery.getScript данная функция загружает и выполняет локальный JavaScript.

Question 6

Как можно отловить клик пользователя по элементу? Какие еще события вы
знаете?

Answer 6

js: addEventListener(‘click’, function (event) {})
jQuery: $(‘#btn’).click(function() {}

События:
Мышь:
click (лкм)
contextmenu (пкм)
mouseover (наведение)
mousemove (движение)

Элементы управления
submit
focus

Клавиши
keyup
keydown

Question 7

Как в jQuery можно искать элементы относительно уже найденного (и внутри и
снаружи)?

Answer 7

.parent() - родитель
.parents() - родители всех уровней
.children() - наследники
.find() - наследник любого уровня
.next() - следующий элемент на уровне
.prev() - предыдущий элемент на уровне

Question 8

Предотвращение срабатывания стандартного поведения элемента, например
при клике.

Answer 8

e.preventDefault()