Конечная шпаргалка по JavaScript для новичков и профессионалов

RedDeveloper
10.04.2023 12:52
Конечная шпаргалка по JavaScript для новичков и профессионалов

"JavaScript превращает кофеин в код с 1995 года."☕💻😂

Интересные факты:

  1. JavaScript был создан всего за 10 дней, что меньше времени, чем требуется некоторым из нас, чтобы решить, что надеть утром.
  2. Несмотря на свое название, JavaScript не имеет ничего общего ни с кофе, ни с Java. На самом деле, единственное, что у него есть общего с Java, - это то, что и тот, и другой могут заставить вас не спать всю ночь за кодированием.
  3. JavaScript предназначен не только для веб-разработки. Вы также можете использовать его для управления роботами, создания настольных приложений и даже для создания собственной машины времени (ладно, возможно, не последнее).
  4. NASA использует JavaScript для робототехники. Верно, JavaScript настолько не от мира сего, что даже космическое агентство не может устоять перед его очарованием.
  5. JavaScript - самый популярный язык программирования в мире, и, наверное, поэтому в глубине души мы все втайне хотим стать разработчиками JavaScript.
  6. Благодаря таким библиотекам, как TensorFlow.js и Brain.js, вы теперь можете использовать JavaScript для машинного обучения. Таким образом, если вам когда-нибудь понадобится научить компьютер делать слайд "Ча-ча-ча", вы знаете, какой язык использовать.
  7. JavaScript постоянно развивается, постоянно добавляются новые функции и обновления. Он похож на Т-1000 среди языков программирования, постоянно адаптируясь и изменяясь, чтобы выжить.

Типы данных:

Фото  Markus Spiske  на  Unsplash
Фото Markus Spiske on Unsplash
  1. Строка: ("Ура", "Босс", "Призрак").
  2. Числа: (1.3, 12, -25).
  3. Булевы числа: (true, false).
  4. Null: Человек-невидимка типов данных. Вы не можете его увидеть, вы не можете его потрогать, но вы знаете, что он всегда скрывается поблизости, ожидая, чтобы испортить ваш код." 👻😂
  5. Undefined

Важно: Null - это намеренная пустота, а undefined - случайная забывчивость в JavaScript.

Переменные:

  1. var: объявляет переменную с необязательным начальным значением, имеет функциональную или глобальную область видимости
  2. let: объявляет переменную, скопированную в блок, с необязательным начальным значением
  3. const: объявляет блочно-копируемую константу с обязательным начальным значением, не может быть переназначена.

Операторы:

  • Арифметические операторы: + (сложение), - (вычитание), * (умножение), / (деление), % (модуляция), ++ (инкремент), - (декремент).
  • Операторы присваивания: = (простое присвоение), += (сложение и присвоение), -= (вычитание и присвоение), *= (умножение и присвоение), /= (деление и присвоение), %= (модуляция и присвоение).
  • Операторы сравнения: == (равенство), === (строгое равенство), != (неравенство), !== (строгое неравенство), < (меньше чем), > (больше чем), <= (меньше или равно), >= (больше или равно).
  • Логические операторы: && (логическое AND), || (логическое OR), ! (логическое NOT).

Управляющие структуры:

  • оператор if: Выполняет блок кода, если заданное условие истинно.
let x = 10;

if (x > 5) {
  console.info("x is greater than 5");
}
  • оператор if...else: Выполняет один блок кода, если заданное условие истинно, и другой блок кода, если условие ложно.
let age = 20;

if (age >= 18) {
  console.info("You are an adult.");
} else {
  console.info("You are a minor.");
}
  • оператор switch: Оценивает выражение и выполняет блок кода в зависимости от значения выражения.
let day="Monday";

switch (day) {
  case "Monday":
    console.info("It's Monday, the start of the week.");
    break;
  case "Tuesday":
    console.info("It's Tuesday, we're in the groove now.");
    break;
  default:
    console.info("It's not Monday or Tuesday, so let's just keep going.");
}
  • цикл for: Выполняет блок кода определенное количество раз.
for (let i = 0; i < 5; i++) {
  console.info("Counting: " + i);
}
  • цикл while: Выполняет блок кода до тех пор, пока заданное условие истинно.
let i = 0;
while (i < 5) {
  console.info("Counting: " + i);
  i++;
}
  • цикл do...while: Выполняет блок кода один раз, а затем продолжает выполнять его до тех пор, пока заданное условие истинно.
let i = 0;

do {
  console.info("Counting: " + i);
  i++;
} while (i < 5);forEach: The forEach() method executes a provided function once for each array element. It is used to iterate over an array without using a for loop.
  • forEach: Метод forEach() выполняет предоставленную функцию один раз для каждого элемента массива. Он используется для итерации по массиву без использования цикла for.
let numbers = [1, 2, 3, 4, 5];

numbers.forEach(function(number) {
  console.info(number);
});
  • map: Метод map() создает новый массив с результатами вызова предоставленной функции для каждого элемента исходного массива.
let numbers = [1, 2, 3, 4, 5];

let doubledNumbers = numbers.map(function(number) {
  return number * 2;
});

console.info(doubledNumbers); // Output: [2, 4, 6, 8, 10]
  • фильтр: Метод filter() создает новый массив со всеми элементами, которые проходят тест, реализованный предоставленной функцией.
let numbers = [1, 2, 3, 4, 5];

let evenNumbers = numbers.filter(function(number) {
  return number % 2 === 0;
});

console.info(evenNumbers); // Output: [2, 4]

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

Спасибо

Саурабх Мишра

Стоит ли изучать PHP в 2023-2024 годах?
Стоит ли изучать PHP в 2023-2024 годах?

20.08.2023 18:21

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в 2023-2024 годах? Или это полная лажа?".

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

20.08.2023 17:46

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox

19.08.2023 18:39

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в частности, магию поплавков и гибкость flexbox.

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

19.08.2023 17:22

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для чтения благодаря своей простоте. Кроме того, мы всегда хотим проверить самые последние возможности в наших проектах!

Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️

18.08.2023 20:33

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

Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL

14.08.2023 14:49

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