OpenLayers 6.15.1：继承VectorSource自定义策略及setStrategy实现咨询

方案1：先定义策略再传入super #

因为super()调用时子类实例尚未完全初始化，无法直接引用this，所以可以在super()之前先定义独立的策略函数（或通过闭包关联实例后续状态），再传入父类构造函数：

import { VectorSource } from 'ol/source';

class MyVectorSource extends VectorSource {
  constructor(options = {}) {
    // 先定义自定义策略，可通过闭包访问options或后续挂载的实例属性
    const customStrategy = (extent, resolution) => {
      // 实现你的策略逻辑
      // 示例：返回当前视图范围作为加载范围
      return [extent];
    };

    // 将自定义策略传入父类构造函数
    super({
      strategy: customStrategy,
      ...options
    });

    // 可选：将策略挂载到实例，方便后续调试或修改
    this.customStrategy = customStrategy;
  }
}

方案2：扩展VectorSource原型添加setStrategy方法 #

直接给VectorSource原型添加setStrategy方法是可行的，修改后可以在子类初始化后动态设置策略，同时触发源刷新：

import { VectorSource } from 'ol/source';

// 扩展VectorSource原型
VectorSource.prototype.setStrategy = function(newStrategy) {
  this.strategy = newStrategy;
  // 触发源重新加载数据，使新策略生效
  this.refresh();
};

class MyVectorSource extends VectorSource {
  constructor(options = {}) {
    // 先传入默认策略（或空），完成父类初始化
    super(options);
    // 绑定实例上下文后设置自定义策略
    this.setStrategy(this._myStrategy.bind(this));
  }

  // 自定义策略方法，可直接访问实例属性
  _myStrategy(extent, resolution) {
    // 这里可以自由使用this访问实例的属性和方法
    // 示例：根据实例的自定义参数调整加载范围
    const expandedExtent = extent.map(val => val * 1.1);
    return [expandedExtent];
  }
}

注意：扩展原生类原型可能存在版本兼容风险，如果OpenLayers后续版本修改了strategy的内部处理逻辑，这个方法可能需要调整。

方案3：封装动态策略（更优方案） #

如果需要策略能动态响应实例状态变化，可以用包装函数将策略逻辑委托给实例方法，这样策略始终能访问到最新的实例状态，同时支持后续动态调整：

import { VectorSource } from 'ol/source';

class MyVectorSource extends VectorSource {
  constructor(options = {}) {
    // 包装函数，将策略调用转发给实例方法
    const strategyWrapper = (extent, resolution) => {
      return this._dynamicStrategy(extent, resolution);
    };

    super({
      strategy: strategyWrapper,
      ...options
    });

    // 可选：添加策略配置参数，支持动态调整
    this.strategyConfig = { expandRatio: 1.1 };
  }

  // 动态策略方法，可根据实例配置调整逻辑
  _dynamicStrategy(extent, resolution) {
    const { expandRatio } = this.strategyConfig;
    const adjustedExtent = extent.map(val => val * expandRatio);
    return [adjustedExtent];
  }

  // 提供外部修改策略配置的方法
  setStrategyExpandRatio(ratio) {
    this.strategyConfig.expandRatio = ratio;
    // 刷新源使新配置生效
    this.refresh();
  }
}

这个方案的优势在于策略逻辑和实例状态解耦，支持动态调整，同时避免了直接修改原型的兼容性问题。

内容的提问来源于stack exchange，提问作者Philippe prevautel