Power BI嵌入式视觉对象updateFilters方法报错不生效

需求为获取嵌入页面内的Slicer切片器筛选规则，将规则同步应用到页面中所有独立嵌入的PowerBI视觉对象，代码运行时抛出如下错误：

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'Add')

原始实现代码：

async function UpdateFilters(event) {
    var filters = [];
    for (var i = 0; i < powerbi.embeds.length; i++){
    
        var x = await powerbi.embeds[i].getVisualDescriptor()
        console.log(x);
        if (x.type == 'slicer') {

            var f = await x.getSlicerState();
            filters.push(f);
        }
    }


    for (var i = 0; i < powerbi.embeds.length; i++) {

        var x = await powerbi.embeds[i].getVisualDescriptor();
        for (let i = 0; i < filters.length; i++) {
            await x.updateFilters(models.FiltersOperations.Add, [filters[i]]);
        }
    }
    console.log(filters);
}

1. 核心报错触发原因：代码中直接调用models.FiltersOperations.Add，但作用域内没有定义models对象。正常情况下PowerBI客户端库加载后，models是挂载在powerbi全局实例下的属性，直接引用未定义的models会返回undefined，读取其下的FiltersOperations.Add自然抛出类型错误。
2. 隐藏逻辑错误：getSlicerState()返回的是切片器的完整状态对象，不是updateFilters接口要求的标准筛选器结构，直接传入整个状态对象即使解决了models的报错，也无法正常应用筛选规则。
3. 代码隐患：两层循环均使用i作为遍历变量名，虽内层let声明有块级作用域不会直接引发报错，但极易造成逻辑混淆；另外代码没有跳过切片器本身，会给切片器重复设置自身已有的筛选规则，可能触发无限更新循环。

• 从全局powerbi实例上获取models对象，不要直接引用未定义的models变量
• 从切片器返回的状态对象中，提取filters字段下的标准筛选器数组，不要直接传入完整切片器状态
• 调整循环变量命名避免重名，同步筛选时跳过切片器本身，防止循环更新
• 批量传入筛选器数组，不需要嵌套循环逐个传值，减少接口调用次数

// 从powerbi实例挂载属性中获取models，解决undefined报错
const models = powerbi.models;

async function UpdateFilters(event) {
    const appliedFilters = [];
    // 遍历所有嵌入对象收集切片器筛选规则
    for (let idx = 0; idx < powerbi.embeds.length; idx++) {
        const visual = await powerbi.embeds[idx].getVisualDescriptor();
        if (visual.type === 'slicer') {
            const slicerState = await visual.getSlicerState();
            // 提取切片器状态中符合接口格式的筛选器集合
            appliedFilters.push(...slicerState.filters);
        }
    }

    // 遍历所有嵌入对象同步筛选规则
    for (let idx = 0; idx < powerbi.embeds.length; idx++) {
        const visual = await powerbi.embeds[idx].getVisualDescriptor();
        // 跳过切片器本身，避免重复设置触发循环更新
        if (visual.type === 'slicer') continue;
        // 批量添加收集到的所有筛选器
        await visual.updateFilters(models.FiltersOperations.Add, appliedFilters);
    }

    console.log('同步完成的筛选器列表：', appliedFilters);
}

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