在使用 JavaScript 编写前端应用程序时，开发人员通常会使用 ES6 或更高版本的规范。ES7 规范中包含了 Array.Prototype.includes() 方法，它可以帮助我们轻松地查找一个数组中是否包含特定元素，但是该方法存在兼容性问题，特别是在 IE 浏览器中。
本文将介绍如何解决 ES7 中 Array.Prototype.includes() 方法在 IE 浏览器下的兼容性问题，为开发人员提供学习和开发的指导意义。
问题描述
在 IE 浏览器中，使用 Array.Prototype.includes() 方法通常会出现以下错误：
"Object doesn't support property or method 'includes'"
这是由于该方法不受 IE 浏览器支持的原因造成的。
解决方法
为了解决在 IE 浏览器中无法使用 Array.Prototype.includes() 方法的问题，我们可以有以下两种解决方案。
1. 使用 Array.Prototype.indexOf() 方法代替
在 ES7 之前，JavaScript 中包含了 Array.Prototype.indexOf() 方法，该方法可以查找一个数组中是否包含特定元素，并返回该元素在数组中的索引位置。我们可以使用该方法代替 Array.Prototype.includes() 方法来解决在 IE 浏览器中的兼容性问题。示例代码如下：
const arr = [1, 2, 3];
if (arr.indexOf(2) !== -1) {
console.log('Found element.');
} else {
console.log('Element not found.');
}2. 使用 Polyfill/垫片库解决
在现代前端开发中，为了解决浏览器兼容性问题，我们可以使用 Polyfill 或垫片库。Polyfill 是指在原生 JS 上加上新的方法或属性，以实现更好的兼容性。垫片库是指已经实现好了某个特定功能，使用时只需引入相应的库，便可在各个浏览器中使用。
这里我们可以使用 polyfill.io 网站中的 Array.Prototype.includes() 方法的 polyfill 来解决问题。通过将以下代码添加到您的项目中，我们可以在 IE 浏览器中使用 Array.Prototype.includes() 方法。
<!-- polyfill.io --> <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=Array.prototype.includes"></script>
结论
在本文中，我们解决了 ES7 中 Array.Prototype.includes() 方法在 IE 浏览器下的兼容性问题，提出了两种解决方案：
- 使用 Array.Prototype.indexOf() 方法代替
- 使用 Polyfill/垫片库解决
无论您选择哪种方案，都可以使您的代码在各种浏览器中正常运行。能够解决这种浏览器兼容性问题的方法非常多，开发人员应该根据具体的需求去选择最适合自己的方案。希望本文对您解决类似问题有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/674d0bb8a336082f25482462