Javascript

Метод reduce в Javascript в двух словах.

Слово «reduce» в английском языке означает : уменьшать в размере, количестве, степени или числе. Предположим, что у нас есть массив элементов. const cartItems = [1,3,5,7,9]; Мне нужна сумма всех элементов. Я мог бы использовать цикл For, но это будет не очень удобно. Метод reduce() даст нам одно общее число с меньшим количеством кода (всегда выбирайте …

Метод reduce в Javascript в двух словах. Читать полностью »

Основы JavaScript в самом простом виде

Здравствуйте, любители JavaScript, Это первая статья из серии статей о JavaScript для начинающих. Она будет посвящена непосредственно сути вопроса, без лишней нервотрепки и побочной информации. Если у вас возникнут трудности с пониманием чего-либо, обращайтесь сразу же. Сегодняшняя статья будет посвящена основам и фундаментальным принципам JavaScript. 1 — Начните использовать JavaScript: Убедитесь, что у вас есть …

Основы JavaScript в самом простом виде Читать полностью »

Обещания JavaScript — простое объяснение

Обещания JavaScript — это то же самое, что и обещания, которые мы даем в реальной жизни. Обязательства, которые мы даем кому-то. Пример: «Я обещаю, что буду писать код ежедневно». У этого обещания есть два результата. Вы либо выполните его (решите). либо вы его нарушите. (отвергнуто). Теперь давайте посмотрим на синтаксис. Синтаксис:Синтаксис Promise очень прост, как …

Обещания JavaScript — простое объяснение Читать полностью »

Paracetamol.js?| #17: Что печатает этот код JavaScript?

Что печатает этот код JavaScript? const obj = { a: «one», b: «two», a: «three» }; console.log(obj); Войдите в полноэкранный режим Выход из полноэкранного режима A: { a: «один», b: «два» } B: { b: «два», a: «три» } C: { a: «три», b: «два» } D: SyntaxError Ответ в первом комментарии.

Paracetamol.js?| #18: Что печатает этот код JavaScript?

Что печатает этот код JavaScript? String.prototype.giveLydiaPizza = () => { return «Just give Lydia pizza already!»; }; const name = «Lydia»; name.giveLydiaPizza(); Войдите в полноэкранный режим Выход из полноэкранного режима О: «Да дайте уже Лидии пиццу!» B: TypeError: not a function C: SyntaxError D: undefined Ответ в первом комментарии.

ES6: JavaScript для… утверждений

Введение В этом уроке мы узнаем о выражении for-of, введенном в ES6 версии JavaScript. Оператор for…of используется для итерации по массивам, картам или наборам. Перебор массива Пример в коде: const fruits = [‘Orange’, ‘Apple’, ‘banana’, ‘Lemon’] // looping through for (fruit of fruits) { // do something with fruit } Вход в полноэкранный режим Выход …

ES6: JavaScript для… утверждений Читать полностью »

Прагматичное функциональное программирование на JavaScript

Если вы следили за моими недавними сообщениями, то нет ничего удивительного в том, что я являюсь ярым поклонником функционального программирования. Я попытался решить задачи Advent of Code 2021, используя как Haskell, так и JavaScript, чтобы найти идиоматическое функциональное решение. К сожалению, по ходу дела я понял, что некоторые подходы и техники не применимы в JavaScript. …

Прагматичное функциональное программирование на JavaScript Читать полностью »

Advanced JavaScript Series — Часть 6.2: Передача по значению и передача по ссылке, мелкое и глубокое копирование, коэрцитивность типов

Передача по значению В JavaScript pass by value функция вызывается путем непосредственной передачи значения переменной в качестве аргумента. Поэтому даже изменение аргумента внутри функции не влияет на переменную, переданную извне функции. Важно отметить, что в JavaScript все аргументы функций всегда передаются по значению. То есть JavaScript копирует значения передаваемых переменных в аргументы внутри функции. Кредиты …

Advanced JavaScript Series — Часть 6.2: Передача по значению и передача по ссылке, мелкое и глубокое копирование, коэрцитивность типов Читать полностью »

Javascript ООП-1 (Классы и объекты) -…

Здравствуйте, ребята, сегодня я собираюсь обсудить ООП (объектно-ориентированное программирование) в javascript. Это одна из важных концепций в любом языке программирования, которая делает ваш код чище, многократно используемым и безопасным. Давайте начнем… Классы — В JavaScript классы — это особый тип функций. Мы можем определять классы так же, как объявления функций и выражения функций. Класс JavaScript …

Javascript ООП-1 (Классы и объекты) -… Читать полностью »

Вкратце, в чем разница между ключевыми словами «var» и «let» в Javascript?

var и let используются для объявления переменных в javascript, но разница между ними в том, что переменная ‘var’ может быть повторно инициализирована, в то время как переменная ‘let’ может быть инициализирована только один раз. Пример: var name = «Peter» var name = «Peace» console.log(name) Вход в полноэкранный режим Выход из полноэкранного режима Вывод Ключевое слово …

Вкратце, в чем разница между ключевыми словами «var» и «let» в Javascript? Читать полностью »

Как изучать JavaScript быстрее

1. Следуйте правилу 20/80 Принцип Парето, или правило 20/80, гласит, что 80% результатов достигается за счет 20% усилий. Возможно, вам интересно, как это относится к JavaScript? Что ж, это означает, что для создания хороших приложений необходимо сначала сосредоточиться на освоении наиболее важных частей языка. Функции Переменные Условия Массивы Объекты DOM 2. Активная практика Боитесь ада …

Как изучать JavaScript быстрее Читать полностью »

Закрытия в Javascript

Переменные JavaScript могут принадлежать к локальной или глобальной области видимости. Глобальные переменные можно сделать локальными (приватными) с помощью закрытий. Глобальная переменная Функция может получить доступ ко всем переменным, определенным внутри функции, следующим образом:- function calculateNum() { let a = 4; return a * a } Войти в полноэкранный режим Выйти из полноэкранного режима Но функция …

Закрытия в Javascript Читать полностью »

Оператор JavaScript ??

Оператор JavaScript с двойным вопросительным знаком (??) называется nullish coalescing operator и предоставляет значение по умолчанию, когда переменная или выражение оценивается как null или undefined. MDN определяет оператор nullish coalescing (??) как «логический оператор, который возвращает свой правый операнд, если его левый операнд равен нулю или не определен, и в противном случае возвращает свой левый …

Оператор JavaScript ?? Читать полностью »

Скрытие и раскрытие объектов с помощью JavaScript pageYOffset

Довольно давно я занимался клонированием сайта и наткнулся на что-то незнакомое. Мне потребовалось некоторое время, чтобы понять, на что именно я смотрю. На сайте была панель навигации, и эта панель скрывалась, когда вы прокручивали страницу вниз, и показывалась, когда вы прокручивали вверх. Странно! Мой первый инстинкт подсказал мне, что сначала я могу исправить это с …

Скрытие и раскрытие объектов с помощью JavaScript pageYOffset Читать полностью »

Paracetamol.js?| #19: Что печатает этот код JavaScript?

Что печатает этот код JavaScript? const foo = () => console.log(«First»); const bar = () => setTimeout(() => console.log(«Second»)); const baz = () => console.log(«Third»); bar(); foo(); baz(); Войдите в полноэкранный режим Выход из полноэкранного режима A: Первый Второй Третий Третий. B: Первый Третий Второй Второй Второй. C: Второй Первый Третий Третий Третий D: Второй …

Paracetamol.js?| #19: Что печатает этот код JavaScript? Читать полностью »

ES6: Как клонировать объект в javascript?

Привет народ? надеюсь у вас все хорошо.Вы, наверное, думаете: «Клонировать объект»? Что в этом такого?Ну, я тоже так думал, пока не столкнулся с проблемой, которая заняла у меня 2 дня, чтобы отладить, что я сделал что-то ужасное с клонированием объекта. Итак, давайте посмотрим, как мы можем клонировать объекты в javascript. // we have a user …

ES6: Как клонировать объект в javascript? Читать полностью »