Как проверить передан ли в параметр функции event?

Question

[gazes12]

Код ниже не работает.

function func(data){
    if(data == event){ 
        var id = data.target.id; 
    }else{
        var id = data;
    }
}

/*Функции может вызываться два раза,  при этом с разными параметрами*/
func(result.comment[0].id)
func(event);

Как я могу проверить что data равняется event`у? Буду рад за помощь!

Answer 1

[RAX7]

Можно с помощью оператора instanceof

function func(data) {
  if (data instanceof Event) {
    var id = data.target.id;
  } else {
    var id = data;
  }
}

Но лучше использовать кастомные события и проверять наличие поля detail в объекте события

function func(event) {
  const id = event.detail ? event.detail.id : event.target.id;
}
domElement.dispatchEvent(new CustomEvent('event-name', { detail: { id: 'id-42' } }));

Comments

[gazes12]

RAX7,
Cпасибо большое!

Answer 2

[Сергей Соколов]

Попробовать так и сяк

function func(mixedData) {
  const id = mixedData?.target?.id ?? mixedData;
  console.log(id);
}

func(123) // 123
func({target: {id: 456}}) // 456

Что это было?!
?. — optional chaining
?? — Nullish coalescing operator

Но это всё не фэн-шуёво, не аккуратненько как-то.
Лучше бы функции строго принимать один тип параметра — ожидать только id.
А что-то поменять при вызовах.

Comments

[gazes12]

Cпасибо большое! Можете пожалуйста объяснить что значит? ?.target?.id
Все остальное понятно, если midexdata.target.id нету, то будет mixeddata. А вот два '?' между target не понимаю.

[Сергей Соколов]

gazes12, специально же в ответе привёл кликабельные ссылки на то, что такое ?. и ??

Бытовым языком object?.property это почти то же, что и object.property, но если свойства property у объекта нет, это не вызовет ошибки, а просто вернёт undefined. Так можно в длинной цепочке свойств не проверять каждый шаг, а просто сразу всю цепочку записать, как я и сделал в ответе.

[gazes12]

Сергей Соколов, То есть, если этот код mixedData?.target?.idвызовет undefined, то будет произведен код который после двух '?'

[Сергей Соколов]

gazes12, если у ?? слева окажется null или undefined, то вернётся то, что справа. Иначе то, что слева.

undefined ?? 'a' // "a"
null ?? 'b' // "b"
0 ?? 'c' // 0
false ?? 'd' // false
100 ?? 200 // 100

[gazes12]

Сергей Соколов, Спасибо!

[Сергей Соколов]

gazes12, только имейте в виду, это не замена if .. else для выполняемых действий, а именно для получения значения