博客编辑器发布按钮报错：Uncaught SyntaxError: Unexpected token '{'

直接定位到editor.js第71行第16位的代码，重点检查以下几类常见语法问题：

• 对象字面量/函数定义语法错误
  比如声明对象时漏掉属性与值之间的冒号，或者箭头函数/普通函数的语法写错：

  // 错误示例：对象漏冒号
  const post = {
    title "My Blog", // 应为 title: "My Blog"
    content: editorContent
  }
  
  // 错误示例：箭头函数漏箭头
  const publish = () { // 应为 () => {
    // 逻辑代码
  }
  

• 未闭合的字符串/模板字符串
  如果该行或前一行有未闭合的引号、模板字符串，会导致后续的大括号被错误解析为字符串内容：

  // 错误示例：未闭合模板字符串
  const content = `Hello World;
  // 下一行的大括号会被当成未闭合字符串的一部分
  firebase.firestore().collection('posts').add({ content });
  

• 条件/循环语句的语法错误
  比如if/for语句后缺少括号，或者大括号位置错误：

  // 错误示例：if语句漏括号
  if isPublished { // 应为 if (isPublished) {
    // 逻辑代码
  }
  

• 未正确闭合的嵌套结构
  检查前面的代码是否有未闭合的小括号、中括号，导致第71行的大括号处于错误的语法上下文：

  // 错误示例：未闭合数组
  const tags = ['tech', 'blog;
  // 下一行的大括号会被错误解析
  const post = { tags };
  

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