×

找出报错信息“SyntaxError: missing } after function body”的真凶

作者:abc1232022.05.05来源:Web前端之家浏览:4916评论:0
关键词:js

在前端开发的项目中,经常会遇到各种各样的BUG,很多都是程序员自己不小心造成的。今天我们来讨论一个BUG错误信息。

报错信息:SyntaxError: missing } after function body。

给大家分析分析。

哪里出错了?

在创建函数的时候出现了语法错误。检查一下闭合花括号以及括号的顺序是否正确。将代码进行缩进或者美化可以让你更容易找到问题之所在。

示例

遗漏的闭合花括号

通常是因为在函数声明中遗漏了花括号:

var charge = function() {
  if (sunny) {
    useSolarCells();
  } else {
    promptBikeRide();
};

正确的应该是这样的:

var charge = function() {
    if (sunny) {
      useSolarCells();
    } else {
      promptBikeRide();
    }
};

当使用立即调用函数表达式(IIFE)、闭包或者其他使用了大量的花括号以及括号的结构体的时候,问题会更加隐蔽。

(function() { if (true) { return false; } );

通常将代码语句按照层级缩进以及对缩进进行复核会有助于错误的发现。

(function() {
    if (true) {
      return false;
    }
});

所以我们平时写项目程序的,要细心啦!

您的支持是我们创作的动力!
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/qianduanjs20220505.html

网友评论文明上网理性发言 已有0人参与

发表评论: