面试题：JavaScript 基于类对象和闭包模块在不同浏览器环境下的兼容性实现

确保兼容性的策略

使用 Babel 进行转译：主流浏览器对于 ES6 及以上语法支持程度不一，Babel 可以将现代 JavaScript 语法（如 ES6 类、箭头函数等）转译为 ES5 语法，以确保在旧浏览器（如 IE11）上也能运行。
特性检测：在代码中使用特性检测而不是浏览器检测。通过检查浏览器是否支持特定的 API 或语法特性，来决定是否采用相应的代码逻辑。例如，在使用 Promise 时，先检测 window.Promise 是否存在，如果不存在则引入一个 polyfill。
垫片库（Polyfill）：对于一些新的 JavaScript 特性和 API，如 fetch、Object.assign 等，当浏览器不支持时，可以引入对应的垫片库，让旧浏览器能够模拟实现这些特性。
测试：在不同的主流浏览器及其不同版本上进行测试，及时发现和修复兼容性问题。可以使用自动化测试工具如 Karma、Mocha 结合 Selenium 等，在多种浏览器环境中运行测试用例。

处理兼容性差异的示例 - 类的兼容性处理

假设我们有一个简单的 ES6 类：

class Animal {
    constructor(name) {
        this.name = name;
    }
    speak() {
        console.log(`${this.name} makes a sound.`);
    }
}

使用 Babel 转译后（简化的 ES5 代码示例）：

function Animal(name) {
    if (!(this instanceof Animal)) {
        return new Animal(name);
    }
    this.name = name;
}
Animal.prototype.speak = function() {
    console.log(this.name +'makes a sound.');
};

在实际开发中，我们可以通过 Babel 配置文件（.babelrc）来设置转译规则，例如：

{
    "presets": [
        [
            "@babel/preset-env",
            {
                "targets": {
                    "browsers": ["ie >= 11"]
                }
            }
        ]
    ]
}

这样就可以确保在 IE11 等旧浏览器上能够正常使用基于类的代码。

星途面试题库

面试题：JavaScript 基于类对象和闭包模块在不同浏览器环境下的兼容性实现

知识考点

面试题答案

确保兼容性的策略

处理兼容性差异的示例 - 类的兼容性处理