Spread Operatörü Bölüm 1

Yayma operatörünün (...) JSON için birçok kullanım alanı vardır. Örneğin, aşağıdaki işlemi gerçekleştirirken:

const obj1 = {key1: "123"}
const obj2 = obj1
obj1.key1 = "456"
console.log(obj2.key1)

Çıktı ne olur?

console.log(obj2.key1)
// Çıktı: "456"

Bu şaşırtıcı olabilir! Sadece obj1'i değiştirmiş olmamıza rağmen, obj2 de değişti.

Bu durum, nesneleri doğrudan atadığımızda (obj2 = obj1), bir kopya değil bir referans oluşturmamızdan kaynaklanır. Her iki değişken de bellekteki aynı nesneye işaret eder.

Yayma operatörünün kullanışlı hâle geldiği yer burasıdır. Gerçek bir kopyanın nasıl oluşturulacağını görelim:

const obj1 = {key1: "123"};
const obj2 = {...obj1};
obj1.key1 = "456";
console.log(obj2.key1);
// Çıktı: "123"

Yayma operatörü yeni bir nesne oluşturur ve kaynak nesnedeki tüm numaralandırılabilir özellikleri yeni nesneye kopyalar.