Kendo MVC Grid多选列报错：SCRIPT5007: 无法获取空引用的'set'属性

Hey Vlad，别担心，这个错误其实是前端JS里非常常见的问题，咱们一步步拆解排查，肯定能搞定～

这个报错的核心意思很明确：你尝试调用forEach的那个值是undefined——说白了就是你想遍历的东西根本没被正确拿到或者初始化。结合你说的“设置行内选中的作者”场景，我整理了几个最可能的排查方向：

1. 先定位出问题的变量 #

首先找到你代码里调用forEach的那一行，比如可能是下面两种情况之一：

// 情况1：遍历选中的作者数组
selectedAuthors.forEach(author => {
  // 关联书籍和作者的逻辑
});

// 情况2：遍历DOM中选中的复选框
document.querySelectorAll('.author-checkbox:checked').forEach(checkbox => {
  // 处理选中的作者
});

在调用forEach前加个控制台打印，确认变量是不是undefined：

console.log('待遍历的变量:', selectedAuthors); // 替换成你的变量名

如果控制台输出undefined，那问题就出在这个变量的赋值环节。

2. 检查变量初始化是否正确 #

如果是用数组存储选中的作者，一定要确保它一开始就被初始化为空数组，而不是默认的undefined：

// ✅ 正确初始化：避免后续调用forEach时报错
let selectedAuthors = [];

// ❌ 错误示例：变量未赋值，默认是undefined
let selectedAuthors;

3. 排查DOM元素查询的问题 #

如果你是通过选择器获取页面上的复选框，要注意两个点：

• 选择器是否写对了？比如类名拼写错误、ID写错，会导致获取不到元素（如果用getElementById会返回null，调用forEach也会触发类似错误）；
• 确保DOM已经加载完成再执行查询！如果你的JS代码写在页面头部，DOM元素还没渲染出来，查询结果自然有问题。可以把事件绑定逻辑放在DOMContentLoaded回调里：

document.addEventListener('DOMContentLoaded', () => {
  // 等页面渲染完再绑定按钮点击事件
  document.getElementById('save-authors-btn').addEventListener('click', () => {
    const checkedBoxes = document.querySelectorAll('.author-checkbox:checked');
    // 即使没有选中项，querySelectorAll也会返回空的NodeList，不会触发undefined错误
    checkedBoxes.forEach(checkbox => {
      // 收集选中的作者ID等信息
    });
  });
});

4. 结合后端多对多关联的小提示 #

虽然报错在前端，但后端的集合初始化也可能间接影响前端逻辑。比如你的Book模型里，要确保多对多的集合被提前初始化，避免后端处理关联时返回异常数据：

public class Book
{
    public int Id { get; set; }
    public string Title { get; set; }
    // 初始化集合，避免后端操作时出现空引用
    public ICollection<Author> Authors { get; set; } = new List<Author>();
}

先按这个思路排查，找到那个undefined的变量，再针对性修复，应该就能解决问题啦～

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