JS Kısa if hk. | Cevap #6408

JS'de minify kullandığımda kullandığım else if'leri
koşul && işlem || işlem || işlem şeklinde kısalttı

&& ne anlama geliyor ? işareti ile arasındaki fark ne

// Örnek olarak bu sıkıştırılmamış hali
document.querySelectorAll('.dropdown-btn').forEach((e) => {
    e.addEventListener('click', () => {
        document.querySelector(`#${this.dataset.target}`).classList.toggle('dropdown-show');
    });
});
window.onclick = (event) => {
    document.querySelectorAll('.dropdown-list').forEach((e) => {
        if (e.classList.contains('dropdown-show')) {
            if (!event.target.matches(`#${e.getAttribute('id')} li`) && !event.target.matches(
                `#${e.getAttribute('id')} li a`) && !event.target.matches(
                    '.dropdown-btn')) {
                e.classList.remove('dropdown-show');
            }
        }
    });
}

// Buda Sıkıştırılmış hali

document.querySelectorAll('.dropdown-btn').forEach((e) => {
    e.addEventListener('click', () => {
        document.querySelector(`#${this.dataset.target}`).classList.toggle('dropdown-show');
    });
}),
    (window.onclick = (e) => {
        document.querySelectorAll('.dropdown-list').forEach((t) => {
            t.classList.contains('dropdown-show') && (e.target.matches(`#${t.getAttribute('id')} li`) || e.target.matches(`#${t.getAttribute('id')} li a`) || e.target.matches('.dropdown-btn') || t.classList.remove('dropdown-show'));
        });
    })

&& ve anlamını taşır.
Eğer kendisinden önce gelen ifade VE kendisinden sonra gelen ifade ile işlem yapılacaksa bu ifade kullanılır.

Örneğin;

const age = 23;
const name = 'Beril'

const data = name == 'Melis' && age == 23

if (data) {

} else {
  // burası çalışır. Çünkü iki koşuldan birisi eşleşmedi ve `false` döndü.
}

|| veya anlamını taşır.
Eğer kendisindem önce gelen ifade yok ise (null veya undefined ise mesela) kendisinden sonra yazılan ifadede yer alan değeri alır.
Örneğin;

let name = null

const data = name || 'Beril'

console.log(data) // name değişkeninin değeri boş olduğundan varsayılan olan 'Beril' değerini alır.