🗣JAVASCRIPT-КОНЦЕПЦИИ: ЗНАЧЕНИЯ И ССЫЛКИ

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

➡️ При присвоении примитивных типов данных (boolean, number, string) создается полная копия значения. Переменная содержит конкретное значение, которое не связано с исходным.

➡️ В случае с объектами, включая массивы и функции, они всегда передаются по ссылке. После присвоения переменной такого значения, она будет содержать ссылку на область памяти, где находится исходный объект. Таким образом, копия объекта не создается.

let variable1 = 'My string';
let variable2 = variable1;

➡️ В переменной variable2 теперь лежит примитивное строковое значение 'My string', полностью скопированное с variable1. Эти переменные равны, но независимы друг от друга. Изменение variable2 никак не повлияет на variable1.

variable2 = 'My new string';
console.log(variable1); // My string
console.log(variable2); // My new string

➡️ А что там с объектами?

let variable1 = { name: 'Jim' }
let variable2 = variable1;

➡️ Сейчас в variable2 лежит объект, очень похожий на variable1. На самом деле это один и тот же объект, что очень просто проверить.

variable2.name = 'John';
console.log(variable1); // { name: 'John' }
console.log(variable2); // { name: 'John' }

Представьте, какие проблемы могут возникнуть из-за этого поведения, если вы не учтете его. Чаще всего сложности возникают в функциях, которые работают с объектами как аргументами и изменяют их содержимое.

#JavaScript #JS

CodeBase | Frontend

🗣Boxy Preloaders — градиентные прелоадеры.

Реализована с помощью CSS и JavaScript

🔗 Посмотреть код

#анимация #css #javascript

CodeBase | Frontend

🔎 Навигация по каналу

Здесь собраны все основные материалы: лучшие курсы и книги по IT, языкам программирования, DevOps и разработке. Используй хэштеги для удобного поиска:

📚 Книги по программированию и IT

➡️ #Книга #DevBooks #Python #ООП #DataScience #MachineLearning #AI #Delphi #SQL #CSharp #Linux #Алгоритмы #Backend #Frontend

💻 Курсы по языкам и разработке

➡️ #Курс #Python #JavaScript #CSharp #C++ #Java #HTML #CSS #SQL #Dart #Flutter #Lua #Golang #Ruby #Delphi #TypeScript

🛠 DevOps, инструменты и практика
➡️ #Docker #Ansible #Git #Linux #CI_CD #Swarm #Kubernetes #MRSK #GitHub #Инфраструктура #Автоматизация #Тестирование #Postman #Selenium #Jira

📌 Пост будет обновляться по мере выхода нового контента.

↗️ Основной канал
📦 Архив