Tenía curiosidad, me encontré con el siguiente paquete Virtual Scroll . Y en él, al inicializar, verifican la compatibilidad del navegador antes de agregar los detectores de eventos. Al igual que:
if (support.hasWheelEvent) { this.#el.addEventListener( 'wheel', this._onWheel, this.listenerOptions ) } ...ect for all eventsy luego el objeto de soporte se ve así:
export function getSupport() { return { hasWheelEvent: 'onwheel' in document, hasMouseWheelEvent: 'onmousewheel' in document, hasTouch: 'ontouchstart' in document, hasTouchWin: navigator.msMaxTouchPoints && navigator.msMaxTouchPoints > 1, hasPointer: !!window.navigator.msPointerEnabled, hasKeyDown: 'onkeydown' in document, isFirefox: navigator.userAgent.indexOf('Firefox') > -1, } }Me preguntaba si esto es incluso necesario. ¿No lo ignorará el navegador si no es compatible con el evento especificado?
No obtengo ningún error si hago lo siguiente en un navegador no táctil.
const onTouchStart = () => {} document.addEventListeners('touchstart', onTouchStart)¿Hay algún tipo de beneficio de rendimiento para verificar primero o existe la posibilidad de que se introduzca un error si no verifica esto?
De todos modos, házmelo saber. Gracias.
¿No lo ignorará el navegador si no es compatible con el evento especificado?
En este ejemplo no hay diferencia (agregar oyentes), pero a veces desea llamar a una función que no es compatible y puede generar errores.
Por ejemplo, el uso de la API de estado de la batería no es compatible con Firefox, IE y Safari. Ejecutar este código en estos navegadores generará un error:
navigator.getBattery()Verificar si la función existe primero soluciona el problema:
if ('navigator' in window && typeof navigator.getBattery === 'function') { navigator.getBattery() }¿Hay algún tipo de beneficio de rendimiento para verificar primero o existe la posibilidad de que se introduzca un error si no verifica esto?
No, que yo sepa.