JavaScript Teacher

2023-05-10 21:00:42 В чем разница между собственными объектами и объектами хоста?

Объекты хоста: объекты типа window, XmlHttpRequest, узлы DOM и т. д., предоставляющиеся средой браузера. Они отличаются от встроенных объектов, потому что не все окружения имеют одинаковые объекты хоста. Если JavaScript работает за пределами браузера, например, на языке сценариев на стороне сервера, например, в Node.js, будут доступны разные объекты хоста.

Объекты пользователя: объекты, определенные в JavaScript-коде. Таким образом, инициализированная переменная в вашем коде будет объектом пользователя.

(function() {*code*})(); Для чего используется такая конструкция? Напишите свои ответы в комментарии.

Это называется Immediately-Invoked Function Expression (IIFE) функцией, которая вызывается сразу после создания. Используется для того, чтобы некоторые переменные не попали во внешнее окружение. Также используется для создания локального замыкания.

#собеседование | JavaScript_Teacher Открыть/Комментировать

2023-05-10 15:01:01 Многопользовательский чат

Делимся статьей, где обобщаются базовые знания о Websocket и реализуется простое демо чата для нескольких человек. После прочтения ты сможешь использовать Websocket для создания своего собственного чата.

Читать

#статья | JavaScript_Teacher Открыть/Комментировать

2023-05-10 09:45:03 Стрелочные функции

Со стрелочными функциями можно использовать сокращённый синтаксис. Это делает весь код короче. Можно заменить ключевое слово return (возврат происходит по умолчанию, если нет фигурных скобок) и тело функции (фигурные скобки) большой стрелкой (=>).

Проще работать с объектами и классами через ключевое слово this. Кроме того, можно удалить скобки вокруг одиночного параметра.

// Стандартная функция
function capitalize(word) {
return word.toUpperCase();
}

// Стрелочная функция
const capitalize = (word) => {
return word.toUpperCase();
}

// Используем все особенности стрелочной функции
const capitalize = word => word.toUpperCase();

#tips | JavaScript_Teacher Открыть/Комментировать

2023-05-09 21:00:42 Как бы вы сравнили два объекта в JavaScript?

Используем Lodash. Среди его функций есть isEqual(), которая насильно проверяет каждое значение ключа, используя ECMAScript5 и собственную оптимизацию, если они доступны в браузере.

_.isEqual(object, other);

#собеседование | JavaScript_Teacher Открыть/Комментировать

2023-05-09 15:00:56 Отслеживание закрытия браузера

Закрытие вкладки или окна в браузере можно обнаружить с помощью события beforeunload. Это можно использовать для предупреждения пользователя в случае, если некоторые данные на странице не сохранены или пользователь по ошибке ушел с текущей страницы, закрыв вкладку или браузер. Благодаря этой статье ты научишься отслеживать событие закрытия браузера.

Читать

#статья | JavaScript_Teacher Открыть/Комментировать

2023-05-09 09:45:04 Шаблонные строки

Шаблонные строки намного динамичнее базового типа String в JS, получаемого с помощью одинарных или двойных кавычек. С их помощью гораздо проще интерполировать и вставлять значения в строки.

Достаточно использовать синтаксис ${}, чтобы вставить допустимое в JS выражение. Для конкатенации и комбинирования строк не нужен оператор «+», проще писать многострочные объекты типа String, поскольку не нужно создавать новые строки с помощью символа новой строки (n) или возврата каретки (r).

Кроме того, в шаблонных строках можно использовать вложенные кавычки (одинарные и двойные), не опасаясь ошибок.

#tips | JavaScript_Teacher Открыть/Комментировать

2023-05-08 21:00:59 Как бы вы могли использовать Math.max для нахождения максимального элемента в массиве?

Метод Math.max() возвращает наибольшее из нуля или более чисел. Используем метод Function.prototype.apply() для нахождения максимального элемента в числовом массиве. Вызов getMaxOfArray([1, 2, 3]) эквивалентен вызову Math.max(1, 2, 3), однако вы можете использовать функцию getMaxOfArray() вместе с программно сконструированными массивами любого размера.

function getMax(arr){
return Math.max.apply(null, arr);
}

#собеседование | JavaScript_Teacher Открыть/Комментировать

2023-05-08 15:01:01 Цифровые часы

MomentJS — это библиотека JavaScript, которая позволяет легко анализировать, проверять, манипулировать и отображать дату/время в JavaScript. Делимся статьей, где автор демонстрирует создание цифровых часов с помощью MomentJS.

Читать

#статья | JavaScript_Teacher Открыть/Комментировать

2023-05-08 09:45:03 Переменные let и const

Ключевые слова let и const дают более предсказуемые переменные, чем те, что объявлены через var.

У них блочная область видимости: такие переменные существуют только в пределах участка кода, ограниченного фигурными скобками. Такой подход позволяет избежать конфликта переменных, делая код более предсказуемым.

let используется для переменных, которые нужно переназначить после создания. Переменные, объявленные с помощью const, невозможно переназначить или изменить.

let greeting;
const newUser = true;

if (newUser) {
// let-переменные можно переназначить...
greeting = "Nice to meet you!";
} else {
greeting = "Welcome back!";
}

// ...а const — нет
newUser = false; // Uncaught TypeError: Assignment to constant variable.

#tips | JavaScript_Teacher Открыть/Комментировать

2023-05-07 21:00:38 Что такое функция имени в JavaScript и как ее определить?

Именованная функция объявляет имя, как только оно определено. Ее можно определить с помощью ключевого слова функции как:

function named(){
// write code here
}

#собеседование | JavaScript_Teacher Открыть/Комментировать