Javascript ES6 yayılma işleci tanımsız olarak

Question

Reaksiyon Uygulamamı geliştirirken, bir bileşene koşullu bir pervane göndermem gerekiyordu, bu yüzden bunu yapmak için bir tuhaf bir yer buldum, ancak bana gerçekten çok tuhaf geliyor ve nasıl olduğunu anlayamadım ve Neden işe yaradı?

I tipi ise: tanımlanmamış bir nesne içinde olduğu zaman, boş bir nesne döndü, ancak yayılmış operatör tanımlı bir hata aktif

console.log(...undefined) // Error 
console.log([...undefined]) // Error 
console.log({...undefined}) // Work 

, yükseltilir.

Bu davranışla ilgili oldukça şaşırdım, gerçekten böyle olması gerekiyordu, buna güvenebilir miyim ve bu iyi bir uygulama mı?

Answer 1

Bu davranış yayılan opsiyonel gibi bir şey yapmak için kullanışlıdır:

function foo(options) { 
    const bar = { 
    baz: 1, 
    ...(options && options.bar) //options and bar can be undefined 
    } 
} 

Ve stage-1 içinde olan, daha da iyi optional chaining ile döndük:

function foo(options) { 
    const bar = { 
    baz: 1, 
    ...options?.bar //options and bar can be undefined 
    } 
} 

bir düşünce: onun çok kötü bir dizi de yaymak için de çalışmaz