如何让Monaco Editor屏蔽window与document对象的代码提示？

直接给window = null会报错，因为浏览器环境中window是只读全局对象，无法直接赋值。可以通过以下两种方式实现需求：

方法一：通过类型声明覆盖全局对象 #

利用Monaco对JavaScript类型系统的支持，添加自定义类型声明来隐藏window和document的提示：

// 先创建编辑器实例
this.editor = monaco.editor.create(this.editorElement.nativeElement, {
  value: '',
  language: 'javascript',
});

// 添加自定义类型声明，覆盖window和document
monaco.languages.typescript.javascriptDefaults.addExtraLib(`
  declare var window: never;
  declare var document: never;
`, 'custom.d.ts');

将两者声明为never类型后，Monaco的代码提示不会再展示这两个对象的相关属性和方法，输入时还会直接提示类型错误，能有效引导用户避免使用。

方法二：修改编辑器智能感知配置 #

通过配置编辑器的suggest选项，配合自定义过滤器过滤掉包含window或document的提示项：

this.editor = monaco.editor.create(this.editorElement.nativeElement, {
  value: '',
  language: 'javascript',
  suggest: {
    filter: (suggestion) => {
      // 过滤掉包含window或document的补全项
      return !suggestion.label.includes('window') && !suggestion.label.includes('document');
    }
  }
});

这种方式不会触发类型错误，仅在补全列表中隐藏相关选项，适合只需要隐藏提示但不强制报错的场景。

注意：方法一的优先级更高，是从类型定义层面屏蔽；方法二则是在补全阶段过滤。

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