JS_No_Panic

2023-03-09 14:16:39 Читайте начало в посте выше

В этом примере «innerFunction» определена внутри «outerFunction» и ссылается на «outerVariable».
Когда «outerFunction» вызывается, она возвращает переменной «innerFunc» функцию «innerFunction».
Когда переменная «innerFunc» со значением функции вызывается, то функция «innerFunction» выполняется и выводит значение переменной «outerVariable» в консоль, несмотря на то, что «outerFunction» уже возвратила значение, в данном случае функцию «innerFunction».

Замыкания — это мощное и гибкое средство. Его можно использовать для различных целей, таких как создание инкапсуляции данных, реализаци callbacks и многое другое.

Мы постарались объяснить замыкания на более простом языке, чем обычно это делают в учебниках. Если у вас есть какие-то предложения или идеи в чем еще мы можем вам помочь разобраться, то не стесняйтесь писать свои предложения и идеи в комментариях.

Всем энергичного продолжения дня!

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

2023-03-09 14:16:20 Зачем нужно замыкание и что это такое?

Всем привет!
В прошлом посте мы разбирались с вами с различными формами функций. Но а сегодня, мы уже поговорим про менее очевидные концепты. Сегодня речь пойдет о замыканиях, мы расскажем вам, что это такое и для чего это дело нужно. Ну и ,конечно, мы не забыли добавить еще и пример. И так берите какой-нибудь весенний напиток и проанализируйте наш материал. И так поехали разбираться в этой абстрактной штуковине:

В JavaScript замыкание — это функция, позволяющая другой функции обращаться к ее ресурсам в ее области видимости даже после возврата внешней функции. Это означает, что функция может «запоминать» состояние своей среды при ее создании и продолжать использовать это состояние, даже если она выполняется в другой области кода.

Замыкание создается, когда функция определена внутри другой функции, а внутренняя функция ссылается на переменные из области видимости внешней функции. Внутренняя функция может обращаться к этим переменным и манипулировать ими, а переменные внешней функции могут использоваться как данные для внутренней функции.

Рассмотрим такой пример:

function outerFunction() {
var outerVariable = "Я нахожусь во внешней функции :)";

function innerFunction() {
console.log(outerVariable);
}

return innerFunction;
}

var innerFunc = outerFunction();
innerFunc(); // Вывод: "Я нахожусь во внешней функции :)"

Продолжение в посте ниже Открыть/Комментировать

2023-03-02 09:24:43 В каких еще формах могут быть функции

Всем привет!
В прошлом посте мы рассказывали и показывали на примерах, как работают функции. Но мы не договорили про их формы, могут ли переменные хранится, например, в переменных или можно ли их передавать в вызов функции как обычные аргументы? Сегодня мы постараемся дать вам ответы на все эти вопросы, так что усаживайтесь в приятном для вас месте и давайте вместе погрузимся в новый материал. И так, поехали:

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

function modifyArray(arr, modifier) {

return arr.map(modifier);

}

function double(num) {

return num * 2;

}

let numbers = [1, 2, 3, 4];

let doubledNumbers = modifyArray(numbers, double);

console.log(doubledNumbers); // Вывод: [2, 4, 6, 8]

В этом примере функция «modifyArray» принимает массив и функцию-модификатор в качестве аргументов и применяет функцию-модификатор к каждому элементу массива с помощью метода «map». «double» функция передается как модификатор и используется для удвоения каждого числа во входном массиве. Результирующий массив удвоенных чисел затем возвращается в результате функции «modifyArray».

Ставьте ваши реакции, если вам понравился этот контент. Также конструктивную критику мы ждем и в комментариях :)

Всем суперского продуктивного дня и отличного настроения!

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

2023-02-27 00:35:05 Функции JavaScript

Всем привет!
В прошлом посте мы говорили о структурах управления JavaScript. Сегодняшний день не исключение, мы продолжим говорить о JavaScript, а точнее о функциях JavaScript.

Функции JavaScript - это многократно используемые блоки кода, которые могут вызываться другими частями программы для выполнения конкретной задачи или набора задач. Функции являются важной частью программирования JavaScript, и они могут помочь упростить код, сделать его более организованным и уменьшить дублирование.

Функции в JavaScript могут быть объявлены с помощью ключевого слова «function», за которым следует имя функции, пару круглых скобок для аргументов и пару фигурных скобок, которые содержат код, выполняемый при вызове функции. Вот пример простой функции, которая принимает два аргумента и возвращает их сумму:

function addNumbers(a, b) {

return a + b;

}

Эту функцию можно вызвать, передав в качестве аргументов два числа:

let result = addNumbers(5, 3);

console.log(result); // Вывод: 8

Оставляйте свои реакции, что бы мы видели, что вам нравится наш контент.

Не стесняйтесь оставлять в комментариях свои вопросы, наша команда с удовольствием на них ответит.

Желаем вам хорошего настроения!

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

2023-02-24 23:11:36 Структуры управления кода в JavaScript

Привет!
В прошлом посте мы говорили об операторах JS. А сегодня поговорим про конструкции, которые будут помогать управлять нашим кодом. Они позволяют проверять отдельные условия, наборы условий и выполнять циклы . Вот некоторые из наиболее распространенных структур управления в JavaScript:

if/else: они используются для принятия решений на основе того, является ли условие истинным или ложным. Если условие имеет значение true, выполняется код внутри оператора if. Если условие имеет значение false, выполняется код внутри инструкции else.

if (condition) {

// код, который будет выполняться, если условие истинно

} else {

// код, который будет выполнен, если условие ложно

}

for loop: он используется для повторения блока кода определенное количество раз. Цикл for состоит из трех частей: инициализации, условия и изменение значения счетчика.

for (let i = 0; i < 10; i++) {

// код, который будет выполнен

}

while loops: он используются для повторения блока кода до тех пор, пока условие истинно.

while (condition) {

// код, который будет выполнен

}

do/while loops: он похож на while loop, но код внутри цикла выполняется по крайней мере один раз, даже если условие имеет значение false.

do {

// код, который будет выполнен

} while (condition);

Операторы switch: используется для выполнения различных блоков кода на основе значения переменной.

switch (variable) {

case value1:

// код, который будет выполнен, если переменная равна value1

break;

case value2:

// код, который будет выполнен, если переменная равна value1value2

break;

default:

// код, который будет выполнен, если переменная не равна ни одному из значений

break;

}

Эти структуры управления необходимы для написания эффективного кода в JavaScript.

Оставляйте свои реакции и пишите комментарии. Мы готовим для вас много познавательного контента!

Желаем вам прекрасного настроения!

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

2023-02-21 23:18:17 Операторы JavaScript ч.2

Всем привет!
Как и обещали, сегодня мы продолжим говорить о операторах JavaScript. Если вы пропустили первую часть, то можете ознакомиться с ней, нажав на ссылку, а мы продолжим!

Логические операторы: логические операторы используются для выполнения логических операций и возврата логического значения(true/false).

┃Оператор┃Пример┃

┃Логическое И┃‘&&’┃

┃Логическое ИЛИ┃‘||’┃

┃Логический НЕТ┃‘!’┃

Побитовые операторы: Побитовые операторы используются для выполнения побитовых операций над целыми числами. Примеры:

┃Оператор┃Пример┃

┃Побитовое И┃‘&’┃

┃Побитовое ИЛИ┃‘|’┃

┃Побитовое XOR┃‘^’┃

┃Побитовый НЕТ┃‘~’┃

Условный (тернарный) оператор: условный оператор ( ‘ ? : ‘ ) используется для присвоения значения переменной на основе условия. Это краткий способ написания утверждения ‘if-else.’

Пример:

условие ? выражение1 : выражение2

const day = 1;

day === 1 ? “Сегодня понедельник!“ : “Сегодня другой день!“

// “Сегодня понедельник!“

Надеемся, что этот пост был полезен для вас!

Оставляйте свои реакции и пишите комментарии, чтобы мы видели, что вам интересно.

Отличного вам настроения и успехов!

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

2023-02-19 22:33:14 Операторы JavaScript ч.1

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

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

Операции над операндами.

┃Операнд┃Значение┃

┃Сложение┃‘+’┃

┃Вычитание┃‘-‘┃

┃Умножение┃‘*’┃

┃Деление┃‘/’┃

┃Модуль (остаток)┃‘%’┃

┃Увеличение┃‘++’┃

┃Уменьшение┃‘--'┃

Операторы присвоения: операторы присвоения используются для присвоения значения переменной.

┃Оператор┃Пример┃

┃Присвоение┃‘=’┃

┃Присвоение со сложением┃‘+=’┃

┃Присвоение с вычитанием┃‘-=’┃

┃Присвоение с умножением┃‘*=’┃

┃Присвоение с делением┃‘/=’┃

┃Присвоение с операцией модуль┃‘%=’┃

Операторы сравнения: Операторы сравнения используются для сравнения двух значений и возврата логического значения (true или false).

┃Оператор┃Пример┃

┃Равно┃‘==’┃

┃Не равно┃‘!=’┃

┃Строгое равно┃‘===’┃

┃Строгое не равно┃‘!==’┃

┃Больше┃‘>’┃

┃Меньше┃‘<’┃

┃Больше или равно┃‘>=’┃

┃Меньше или равно┃‘<=’┃

Оставляйте свои реакции и пишите комментарии, скоро мы выставим для вас вторую часть поста, где будет еще больше подсказок для обучения!

Желаем вам суперского настроения!

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

2023-02-17 19:19:03 Переменные и типы данных в JavaScript

В прошлом посте мы говорили о наиболее распространенных ошибках в Java Script, а сегодня мы расскажем вам о переменных и типах данных в JS. Переменные JavaScript используются для хранения значений. Эти значения могут иметь различные типы данных, включая:

Числа. JavaScript поддерживает целочисленные и числа с плавающей запятой. Например, 1, 2, 3.14, -5 и т.д.

Строки. Строка представляет собой последовательность символов, заключённых в кавычки (одинарные или двойные кавычки). Например, «привет», «мир», «123» и т.д.

Booleans - логическое значение - true или false.

Null - специальное значение в JavaScript, не представляющее значение или пустое значение.

Undefined - специальное значение в JavaScript, представляющее переменную, которая была объявлена, но не назначена.

Объекты. Объект представляет собой коллекцию свойств, где каждое свойство имеет имя и значение.

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

Для объявления переменной в JavaScript используется ключевое слово “var”, “let” или “const”, за которым следует имя переменной. Например:

var myNumber = 42;

let myString = "hello";

const MY_CONST = true;

В приведенном выше примере “myNumber” является переменной типа number, “myString” - переменной типа string, а “MY_CONST” - константой типа boolean.

Обратите внимание, что в JavaScript переменные являются динамическими, что означает, что переменная может содержать значение любого типа данных. Это также означает, что тип данных переменной может изменяться во время выполнения.

Ставьте реакции и пишите комментарии, если хотите еще больше полезного контента от нашей команды!

Желаем вам продуктивного дня!

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

2023-02-14 21:41:27 Частые ошибки в Java Script ч.2

Всем привет!
В прошлом посте мы рассказывали вам о частых ошибках в JavaScript, и сегодня мы с вами продолжим разбирать оставшиеся ошибки .

Наличие фигурных скобок {} при вызове функции.

Вызов переменной до ее создания. Сначала следует создать переменную, а потом уже использовать ее. Очень часто мы думаем, что уже создали переменную и начинаем ее использовать, хотя в действительности мы ее не объявляли.

Повсеместное использование ‘parseInt’ при преобразовании строк в числа. ParseInt может привести к неожиданным результатам, если входная строка не представляет допустимое целое число. Например, parseInt("10,5") вернет 10, а не 10,5.

Неправильное использование оператора «typeof». Не нужно ставить оператор «typeof» в круглые скобки: typeof — это оператор, а не функция, поэтому его не нужно вызывать в круглых скобках. Однако если проверяемое значение заключено в круглые скобки, typeof не будет работать должным образом.

Использование «.innerHTML» вместо «.textContent». При выборе между innerHTML и textContent важно учитывать тип контента, который вы хотите установить или получить. Если вы хотите включить HTML-разметку, используйте innerHTML. Если вы хотите установить или получить текстовое содержимое без какой-либо разметки HTML, используйте textContent.

Важно помнить об этих ошибках и стараться избегать их, чтобы писать грамотный и эффективный код в JavaScript!

Желаем вам отличного настроения!

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

2023-02-13 21:36:31 Частые ошибки в JS ч.1

Всем привет!
В прошлом посте мы разбирали, как эффективно учить JavaScript. А сегодня мы разберем с вами частые ошибки, которые можно совершать при программировании на JS. Чтобы вам было удобнее читать и анализировать, мы поделим пост на две части.

Итак, вот наш топ частых ошибок:

Отсутствие «let» и «const» при объявлении переменных.

Неправильное использование одной и двух кавычек.

Отсутствие фигурных скобок с операторами if.

Использование = = вместо = = = для сравнения, без понимания разницы между ними. Обязательно ознакомьтесь со строгим оператором сравнения, ведь это может помочь вам избежать непредвиденных ошибок в работе вашей программы.

Неправильное использование null и undefined. Опять же многие программисты совершенно не задумываются о том, что это за ключевые слова. Обязательно обращайте на них внимание, чтобы предвидеть поведение вашего приложения.

Надеемся, что этот пост был полезен для вас и в дальнейшем вы не будете делать подобных ошибок. Оставляйте ваши реакции и комментарии, пока мы готовим для вас много нового и интересного контента!

Хорошего всем дня!

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