在前端开发过程中，我们经常需要查询浏览器是否支持某种 JavaScript 特性或 CSS 属性。caniuse 是一个网站，提供了全面的浏览器兼容性查询，可以让我们轻松地查询特定功能在不同浏览器中的支持情况。caniuse 对于前端开发者非常有用，但有时候我们需要在代码中查询浏览器兼容性，这时候 caniuse-es-db 就派上用场了。
caniuse-es-db 是一个基于 caniuse 数据库的 npm 包，可以让我们在代码中查询浏览器对 ECMAScript 版本的支持情况，使用起来非常方便。本篇文章将详细介绍如何使用 caniuse-es-db。
安装 caniuse-es-db
要使用 caniuse-es-db，我们首先需要在项目中安装该 npm 包。可以使用 npm 命令行安装：
npm install caniuse-es-db
安装成功后，我们就可以在代码中使用 caniuse-es-db 了。
查询浏览器对 ECMAScript 版本的支持情况
使用 caniuse-es-db，我们可以查询浏览器对 ECMAScript 版本的支持情况。caniuse-es-db 提供了两个方法：getFeatures 和 getSupport.
getFeatures 方法
getFeatures 方法返回一个对象，包含了 caniuse 数据库中所有的功能。每个功能的键是该功能的名称（不带序号），值是一个包含该功能的详细信息的对象。每个功能对象包含以下属性：
- title：功能的标题
- description：功能的描述
- spec：该功能的规范
- stats：一个对象，包含浏览器对该功能的支持情况。键是浏览器的名称，值是一个字符串，表示该浏览器对该功能的支持情况。
- links：一个对象，包含了相关链接。键是链接的类型（如 MDN 或 W3C），值是链接的 URL。
以下是如何使用 getFeatures 方法：
const caniuse = require("caniuse-es-db");
const features = caniuse.getFeatures();
console.log(features);运行代码后，会输出整个 caniuse 数据库中的所有功能及其详细信息。
getSupport 方法
getSupport 方法接受一个功能名称作为参数，返回一个包含该功能在不同浏览器中的支持情况的对象。该对象的键是浏览器的名称，值是一个字符串，表示该浏览器对该功能的支持情况。
以下是一个示例代码：
const caniuse = require("caniuse-es-db");
const support = caniuse.getSupport("const");
console.log(support);运行上面的代码，会输出 const 在不同浏览器中的支持情况。
示例代码
下面是一个使用 caniuse-es-db 查询浏览器对 ECMAScript 版本支持情况的示例代码：
-- -------------------- ---- ------- ----- ------- - ------------------------- -------- ---------------- - ----- ------- - ---------------------------- ----- -------- - ---------- --------- ---------- ------- --------- ------ ---------------------- -- ---------------- --- ----- - -- ------------------ - ---------------- -- ------------- - ---- - ---------------- -- --- ------------- -
上面的代码检查浏览器是否支持 const 声明，如果所有的浏览器都支持，就输出“ES6 is supported.”，否则输出“ES6 is not supported.”。
总结
caniuse-es-db 可以让我们在代码中查询浏览器对 ECMAScript 版本的支持情况。使用 caniuse-es-db，我们可以轻松地知道某种 JavaScript 特性在各种浏览器中的支持情况，从而更好地写出兼容性良好的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c92ccdc64669dde5a40