Chrome浏览器Snippets调试面板(Identifier has already been declared)错误解决方法-优快云博客

本文链接：https://blog.youkuaiyun.com/Febby_/article/details/103337918

本文介绍了在使用Chrome浏览器Snippets调试时遇到'Identifier already been declared'错误的原因及解决方法。问题源于let声明的变量在运行多次后会冲突，解决方案是通过IIFE（立即执行函数表达式）来包裹代码，确保每次运行都在独立的作用域内。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当我们使用Chrome浏览器进行调试的时候，Snippets面板是一个不错的选择。

用Chrome的snippets片段功能创建页面js外挂程序，从控制台创建js小脚本。
Chrome的snippets是小脚本，还可以创作并在Chrome DevTools的来源面板中执行。
可以访问和从任何页面运行它们。当你运行一个片段，它从当前打开的页面的上下文中执行。

创建一个 Snippet 片段，我们先打开开发者工具。进入到 Sources 面板，在导航栏里面选中 Snippets 这栏，点击 “New snippet(新建一个代码块)” ,输入你的代码，按Ctrl+S保存，run运行。
在这里插入图片描述
当我们在编辑区编写代码时，第一次运行时没问题的：

但是当第二次运行时就报错了：

它说obj1已经被声明并抛出错误是：
deepCopy:1 Uncaught SyntaxError: Identifier ‘obj1’ has already been declared

原来 let 语句只能用于在任何给定范围内创建一个变量。在这个例子中，即使使用的是Chrome代码片段，如果在 let 语句之后输出 window.commitPromotionData 你会看到它在那里。这就是 let 语句赋予变量的范围。重新运行相同的片段本质上会尝试在窗口内创建相同的变量，并导致语法错误。

解决方法就是使用IIFE（立即执行函数）用于包装代码。
在这里插入图片描述以上就是Chrome浏览器Snippets调试面板(Uncaught SyntaxError: Identifier ‘***’ has already been declared)报错的解决方法，希望能到帮助到大家！