JavaScript Teacher

2023-05-18 09:45:04 Работа с аргументами функции

Вам не нужно определять параметры для функции. Вы можете просто использовать массиво-подобный объект функции argument.

function sum() {
var retval = 0;
for (var i = 0, len = arguments.length; i < len; ++i) {
retval += arguments[i];
}
return retval;
}
sum(1, 2, 3) // вернет 6

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

2023-05-17 21:00:40 Two Sum

Напишите функцию, которая принимает массив чисел и целевое число. Она должна найти два разных элемента в массиве, которые при сложении вместе дают целевое значение. Индексы этих элементов затем должны быть возвращены в виде списка следующим образом: (index1, index2).

Examples:

2, 3], 4) // returns [0, 2] or [2, 0]

Решить задачу на CodeWars

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

2023-05-17 15:01:08 Полезные методы объектов

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

Читать

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

2023-05-17 09:45:03 Промисы + async/await

Можно отложить на неопределённое время выполнение некоторых участков кода в JavaScript (например setTimeout(), событие listener или сетевой запрос с fetch API).

Промисы — способ сделать предсказуемым асинхронный код на JS. Они помогают разрешать код, созданный с помощью async. Успешно выполненный код обрабатывается с помощью функций обратного вызова .then(), ошибки — с помощью функции .catch();

async/await — улучшенный синтаксис для работы с промисами, который заставляет асинхронный код выглядеть синхронным.

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

2023-05-16 21:00:42 CamelCase Method

Напишите простой метод .camelCase для строк. Первая буква всех слов должна быть заглавной без пробелов.

Examples:

"hello case".camelCase() => HelloCase
"camel case word".camelCase() => CamelCaseWord

Решить задачу на CodeWars

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

2023-05-16 15:01:00 Supabase

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

Читать

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

2023-05-16 09:45:04 Модули ES

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

Можно осуществлять множественный экспорт/импорт с помощью фигурных скобок (и ключевых слов export/import) или одиночный без скобок (с ключевыми словами export default и import).

Такой подход позволяет сделать код модульным. Мы можем писать код там, где он нужен, не собирая всё в один большой файл. В примере ниже показано, как вызвать функцию getLocalTime из отдельного файла в app.js.

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

2023-05-15 21:01:25 Which are in?

Даны два массива строк a1 и a2 верните отсортированный массив r в лексикографическом порядке строк a1, которые являются подстроками строк a2.

Examples:

a1 = ["arp", "live", "strong"]
a2 = ["lively", "alive", "harp", "sharp", "armstrong"]
returns ["arp", "live", "strong"]

a1 = ["tarp", "mice", "bull"]
a2 = ["lively", "alive", "harp", "sharp", "armstrong"]
returns []

Решить задачу на CodeWars

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

2023-05-15 15:03:06 Введение в прототипы

Прототипы — это механизм, с помощью которого объекты JavaScript наследуют свойства друг друга. Благодаря этой статье ты узнаешь, что такое прототипы, как ими пользоваться и для чего они могут пригодиться.

Читать

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

2023-05-15 09:45:36 Короткие условные операторы

В JavaScript есть сокращённая форма записи условных операторов if-else — тернарная операция (ternary). В отличие от if-else тернарные операции являются выражениями. Это даёт большую гибкость, позволяя использовать их так же, как и любые другие выражения (такие как ${} в случае с шаблонными строками).

Тернарные операции не всегда лучше оператора if-else. Например при обработке множественных условий первые окажутся неудобочитаемыми.

let age = 26;
let greeting;

// Без оператора if-else в подобных случаях можно обойтись. Тут мы просто
//присваиваем переменной значение в зависимости от условия
if (age > 18) {
greeting = "Hello, fellow adult";
} else {
greeting = "Hey kiddo";
}

//Тернарные операции делают то же самое, но намного короче
const greeting = age > 18 ? "Hello, fellow adult" : "Hey kiddo";
greeting; // 'Hello, fellow adult';

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