Создаю Медиа-Активы в ТГ

Инвестирую в это направление. Строю ситемный бизнес.

Повысь свой доход с канала

РК от крупных брендов

Канал об автоматизации производства

Как снизить расходы на ремонты и сократить простои

Статистика Избранное

CodeRoll | Frontend

Гео и язык канала: Россия, Русский

Категория: Технологии

— Лучшее для разработчика и дизайнера / IT инструменты, курсы и книги
— Веб-разработка на JavaScript, HTML, CSS, React, Vue,Angular
Купить рекламу: https://telega.in/c/coderoll
Чат: https://t.me/coderoll_chat
По всем вопросам пишите сюда - @poxvawe322

Связанные каналы | Похожие каналы

Гео и язык канала

Россия, Русский

Категория

Технологии

Статистика

Избранное

Фильтр публикаций

Скрывать удаленные

Скрывать репосты

CodeRoll | Frontend

19 Apr, 09:01

Пояснение к ответу

В операциях сравнения примитивы сравниваются по значениям, а объекты - по ссылкам. JavaScript проверяет, чтобы объекты указывали на одну и ту же область памяти. Сравниваемые объекты в рассматриваемом примере не такие: объект, переданный в качестве аргумента, указывает на другое место в памяти, нежели объекты, используемые в сравнениях. Поэтому выражения { age: 18 } === { age: 18 } и { age: 18 } == { age: 18 } возвращают false.

233 1 1 3

CodeRoll | Frontend

19 Apr, 09:01

Что будет в консоли ?

Опрос

Ты взрослый!
Ты по-прежнему взрослый.
Хм... У тебя что, нет возраста?
undefined

33 голосов

235 1 1

CodeRoll | Frontend

19 Apr, 09:01

function checkAge(data) {
if (data === { age: 18 }) {
console.log("Ты взрослый!")
} else if (data == { age: 18 }) {
console.log("Ты по-прежнему взрослый.")
} else {
console.log("Хм... У тебя что, нет возраста?")
}
}

checkAge({ age: 18 })

227 1 1 2

CodeRoll | Frontend

18 Apr, 16:20

Организация кода это важно и легко на основе Layer Architecture

Думаю многие читали кучу книжек по поводу Hexagonal, Onion, Clean, Layer Architecture и у вас могли остаться спорные вопросы как в сложности понимания материала, так и в реализации данных подходов в ваших проектах. Сегодня я хочу затронуть тему “Организации кода” и показать насколько это важно и легко одновременно на примере Layer Architecture (Слоистая архитектура).

Ссылка

#статьи

443 2 6 7

CodeRoll | Frontend

18 Apr, 09:01

Пояснение к посту

При использовании тегированных шаблонных литералов (tagged template literals) первым значением, возвращаемым функцией, является массив строк. Прочими значениями являются значения, переданные функции в качестве аргументов.

470 1 1 11

CodeRoll | Frontend

18 Apr, 09:01

Что будет в консоли ?

Опрос

John 30 ["", " is ", " years old"]
["", " is ", " years old"] John 30
John ["", " is ", " years old"] 30
undefined

91 голосов

463 1 1 1

CodeRoll | Frontend

18 Apr, 09:01

function getPersonInfo(one, two, three) {
console.log(one)
console.log(two)
console.log(three)
}

const person = "John"
const age = 30

getPersonInfo`${person} is ${age} years old`

446 1 2 7

CodeRoll | Frontend

17 Apr, 16:20

TypeScript: лучшие практики

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

Давайте разберемся используете ли вы этот невероятно мощный инструмент правильно

Ссылка

#ts

510 1 20 8

CodeRoll | Frontend

17 Apr, 09:01

Пояснение к ответу

Постфиксный оператор ++:

- возвращает значение (0);
- увеличивает (инкрементирует) значение (после чего значением переменной number становится 1).

Префиксный оператор ++:
- инкрементирует значение (теперь number === 2);
- возвращает значение (2). Результат: 0 2 2.

552 1 0 10

CodeRoll | Frontend

17 Apr, 09:01

Что будет в консоли ?

Опрос

1 1 2
1 2 2
0 2 2
0 1 2

153 голосов

526 1 0

CodeRoll | Frontend

17 Apr, 09:01

let number = 0
console.log(number++)
console.log(++number)
console.log(number)

518 1 0 4

CodeRoll | Frontend

16 Apr, 16:20

Модули ES6: Rollup

Когда-то были времена, когда весь JavaScript-код приложения складывался в один огромный файл. Это было не только неудобно, но и было множество ошибок из-за глобального пространства имен и сложностей с зависимостями. Тогда появилась необходимость в модульности.

Ссылка

#статьи

562 1 5 1

CodeRoll | Frontend

16 Apr, 09:01

Пояснение к ответу

JavaScript - это динамически типизированный язык: мы не определяем тип данных при объявлении переменных (для этого был придуман TypeScript). Значения переменных могут быть автоматически преобразованы из одного типа в другой без нашего участия. Это называется "неявным приведением типов". Приведение - это преобразование данных из одного типа в другой. В рассматриваемом примере JavaScript конвертировал число 1 в строку, чтобы операция имела смысл и вернула хоть какое-то значение. При сложении числа (1) и строки ("2") число преобразуется в строку. Мы можем объединять строки так: "Hello" + "World". Это называется конкатенацией строк. Таким образом, 1 + "2" возвращает "12".

562 1 0

CodeRoll | Frontend

16 Apr, 09:01

Что будет в консоли ?

Опрос

NaN
ошибка
"12"
3

170 голосов

525 1 1 3

CodeRoll | Frontend

16 Apr, 09:01

function sum(a, b) {
return a + b
}

console.log(sum(1, "2"))

541 1 0

CodeRoll | Frontend

15 Apr, 16:20

Пояснение к посту

Мы создаем объект jane без помощи ключевого слова new. Использование new приводит к созданию нового объекта (экземпляра). Без new создается глобальный объект. Мы указали, что this.firstName равняется Jane и this.lastName равняется Air. На самом деле, мы определили global.firstName = 'Jane' и global.lastName = 'Air'. Значением jane является undefined, поскольку мы ничего не возвращаем из функции Person.

638 1 0 7

CodeRoll | Frontend

15 Apr, 16:20

Что будет в консоли ?

Опрос

Person {firstName: "John", lastName: "Smith"} и undefined
Person {firstName: "John", lastName: "Smith"} и Person {firstName: "Jane", lastName: "Air"}
Person {firstName: "John", lastName: "Smith"} и {}
Person {firstName: "Smith", lastName: "Smith"} и ошибка

112 голосов

587 1 0

CodeRoll | Frontend

15 Apr, 16:20

function Person(firstName, lastName) {
this.firstName = firstName
this.lastName = lastName
}

const john = new Person("John", "Smith")
const jane = Person("Jane", "Air")

console.log(john)
console.log(jane)

555 1 0 3

CodeRoll | Frontend

14 Apr, 16:20

Пояснение к ответу

Нельзя добавлять свойства к конструктору как к обычному объекту. Если необходимо добавить свойство или метод всем экземплярам, то следует использовать прототипы. В данном случае выражение Person.prototype.getFullName = function () { return ${this.firstName} ${this.lastName} } сделает метод getFullName рабочим. В чем здесь преимущество? Предположим, что мы добавили этот метод к конструктору. Возможно, он нужен не каждому экземпляру класса Person. Это приведет к лишнему расходованию памяти, т.к. все экземпляры будут иметь указанный метод. Напротив, если мы добавим данный метод к прототипу, у нас будет только одно место в памяти, к которому смогут обращаться все экземпляры. Такие методы называются совместными или распределенными (shared).

681 1 0 5

CodeRoll | Frontend

14 Apr, 16:20

Что будет в консоли ?

Опрос

ошибка
""
John Smith
undefined undefined

138 голосов

614 1 0

Показано 20 последних публикаций.

5 432

подписчиков

Статистика канала

Популярное в канале

Что будет на выходе? false true TypeError ReferenceError

Стоит ли становиться Fullstack разработчиком Сегодня я кратко (или не очень) изложу свои мысли о...

Пояснение к ответу Функция updateUser обновляет значения свойств email и password у пользовател...

Что будет на выходе? my@email.com new@email.com undefined ReferenceError

const user = { email: "my@email.com", updateEmail: email => { this.email = email } } u...