Tengo una función simple de verificación de características del navegador llamada canUse() que puede verificar una variedad de cosas, pero verificar la compatibilidad con la función de clase privada (es decir # ) terminó así:

 canUse('(new (class { #private = 0; getPrivate() { return this.#private; } })).getPrivate();', 'eval')

¿Existe una forma más rápida de verificar esta característica sin usar try...catch , eval() y el rastreo del agente de usuario?

Código JavaScript

 'use strict'; function canUse(feature = null, type = 'member', attribute = '', value = '') { switch (type) { case 'member': return Boolean(feature); case 'callable': return typeof feature === 'function'; case 'eval': return (() => { try { eval(feature); return true; } catch (error) { return false; } })(); } const isElement = () => document.createElement(feature).constructor.name !== 'HTMLUnknownElement'; const isAttribute = () => isElement() && attribute in document.createElement(feature); switch (type) { case 'element': return isElement(); case 'attribute': return isAttribute(); case 'value': return (() => { if (!isAttribute()) return false; const element = document.createElement(feature); element.setAttribute(attribute, value); if (element[attribute] !== value) return false; return true; })(); default: return null; } } console.log(' Eval: ' + canUse('(new (class { #private = 0; getPrivate() { return this.#private; } })).getPrivate();', 'eval')); console.log(' Member: ' + canUse(window.document, 'member')); console.log(' Callable: ' + canUse(document.createElement, 'callable')); console.log(' Element: ' + canUse('canvas', 'element')); console.log('Attribute: ' + canUse('input', 'attribute', 'placeholder')); console.log(' Value: ' + canUse('input', 'value', 'type', 'file'));

Salida de consola