JavaScript

В JavaScript существует несколько способов создания объктов. В данной статье рассмотрим основные. Литерал объекта Наверное, это самый простой способ создания объекта. Литерал объекта - список, заключенный в фигурные скобки. Как мы знаем в JS любой тип если он не простой (строка, число, булево) является объектом. И создание объекта по средствам заключения свойств в фигурные скобки привычное дело. Какой бы простой не казалась система, ее можно разбить на более мелкие части. При создании объекта при помощи литерала ссылка на объект записывается в переменную Home...

В этой статье познкомимся с приципами объектно-ориентированнного программирования (ООП) и как они реализуются в JavaScript. Тем кто ранее знакомился с ООП в классических языках программитрования, как, например, Java, C++, то принципы могут показаться странными, так как в JavaScript есть объекты, но нет классов, по крайней мере, в их традиционном понимании. Термины ООП является парадигмой, это довольно распространенная парадигма, но далеко не единственная. Она разрабатывалась как попытка связать поведение...

Что такое this? this указывает на объект, который выполняет текущий кусок JavaScript-кода. Другими словами, this – это ссылка на текущий контекст выполнения. У каждой функции есть этот контекст. Он указывает, где и как эта функция вызывается. В случае с контекстом выполнения не имеет никакого значения, где и когда функция была объявлена. В отличие от замыканий (еще одной базовой концепции языка). Им как раз очень важно, где была объявлена функция. Пример: function bike() { console.log(this.name); } var...

Canvas — это HTML-элемент, использующийся для рисования графики средствами языков программирования. Он может, к примеру, использоваться для рисования графов, создания коллажей или анимации. Нарисуем при помощи canvas гистограмму среднемесячной температуры за год. Подготовительный этап Создадим проект который на данный момент состоит из 3 файлов: index.html, style.css, index.js В теле страницы опишем тег canvas. Он будет иметь идентификатор canvas, и сразу в теге обозначим атрибуты width и height...

JavaScript предоставляет множество методов для работы с Document Object Model или сокращенно DOM (объектной моделью документа). Миксин NonElementParentNode Данный миксин предназначен для обработки родительских узлов, которые не являются элементами. DOM - объектная модель документа, которпая представляет все содержимое страницы в виде объектов, которые можно менять. getElementById - способ получения элемента по ID ...

ECMAScript 6 Когда использовать let, а когда const. Область видимости - это важная концепция в программировании, и ООП в целом. var myVar = 1; function setMyVar() {  myVar = 2; } setMyVar(); console.log(myVar); Переменная myVar объявлена за пределами какой-либо функции, что говорит нам о том, что она объявлена в гловальной области видимости. Следовательно, любая функция, объявленная в той же области видимости, сможет обратиться к myVar. Если речь идет о коде, выполняемом в браузере, доступ к этой переменной будет даже у функций, объявленных в других файлах, подключенных к странице...