面试题：JavaScript 为已有类添加方法的兼容性优化与性能考量

Question

当为 JavaScript 中广泛使用的已有类（如 `Date`）添加一个复杂的自定义方法 `customFormat`，不仅要处理不同版本浏览器的兼容性，还要考虑性能优化。阐述你会如何从兼容性和性能两方面综合设计并实现这个方法，详细说明你在处理兼容性问题时采用的技术细节以及性能优化的策略。

Answer 1

兼容性处理

1. 检测方法是否已存在： 在添加自定义方法 customFormat 前，先检查 Date.prototype 上是否已经存在该方法，以避免覆盖已有的方法。

if (!Date.prototype.customFormat) {
    // 开始定义方法
}

2. 使用特性检测： 对于 Date 对象在不同浏览器上可能存在的特性差异，使用特性检测而非浏览器版本检测。例如，如果 customFormat 方法依赖 Date 对象的某些获取时间部分的方法（如 getFullYear、getMonth 等），在使用前确保这些方法存在。

if (typeof Date.prototype.getFullYear === 'function' && 
    typeof Date.prototype.getMonth === 'function') {
    // 可以安全使用这些方法来实现 customFormat
}

3. 垫片（Polyfill）： 若 customFormat 方法依赖的某些新特性在旧浏览器中不存在，可以提供垫片。例如，如果使用了 Intl.DateTimeFormat 进行格式化，而旧浏览器不支持，可以提供一个简单的垫片来模拟其功能。

if (!window.Intl || typeof Intl.DateTimeFormat!== 'function') {
    // 提供 Intl.DateTimeFormat 的垫片实现
}

性能优化策略

1. 减少计算量： 在 customFormat 方法内部，尽量减少不必要的重复计算。例如，如果需要多次获取日期的年份，可以将 getFullYear 的结果缓存起来。

Date.prototype.customFormat = function() {
    const year = this.getFullYear();
    // 在方法后续部分使用缓存的 year，而不是多次调用 getFullYear
};

2. 避免频繁创建对象： 如果 customFormat 需要创建临时对象（如数组、对象字面量等），尽量复用已有的对象或者减少创建的频率。例如，如果需要拼接字符串，可以使用 Array.join 方法而不是每次都创建新的字符串。

Date.prototype.customFormat = function() {
    const parts = [];
    parts.push(this.getFullYear());
    parts.push(this.getMonth() + 1);
    parts.push(this.getDate());
    return parts.join('-');
};

3. 优化循环： 如果方法中存在循环，确保循环条件尽可能简单，并且避免在循环内部执行复杂的、不必要的操作。例如，提前计算循环的长度。

Date.prototype.customFormat = function() {
    const dateParts = ['year','month', 'day'];
    const len = dateParts.length;
    for (let i = 0; i < len; i++) {
        // 执行简单操作
    }
};

4. 使用高效的算法： 对于复杂的格式化逻辑，选择高效的算法。例如，如果需要对日期进行复杂的转换或者排序，使用合适的排序算法（如快速排序、归并排序等）而不是简单的冒泡排序。

通过以上兼容性处理和性能优化策略，可以较为全面地为 Date 对象添加一个满足要求的 customFormat 方法。