SyntaxError:函数语句需要一个名称

SyntaxError: function statement requires a name

本文关键字：一个 函数 语句 SyntaxError      更新时间：2023-09-26

我对这个错误感到困惑，我在没有点击等事件的情况下会出现这个错误。是的，我在这里使用了搜索，但在所有情况下，我发现情况都是另一个问题。

"SyntaxError:function statement requires a name"是firebug在页面刷新后抛出的：onGoTo:function(evt){

这是我的功能：

function exampleFc(ctx){
'use strict';
  var goTo = $('a[href*=#]',this.$ctx);
  goTo.on('click',$.proxy(this.onGoTo,this));
 onGoTo:function(evt){
     evt.preventDefault();
     var elem = $(evt.currentTarget).attr('href');
     if(elem.length > 1){
         $('html,body').animate({
             scrollTop: $(elem).offset().top
         }, 700, function (){location.hash = elem;});
     }
     return false;
 }

}；

怎么了？我想通过捕捉点击事件来调用函数onGoTo。

语法不正确。该语法只能在对象内部使用。

var obj = { onGoTo: function(){ } }

在对象以外的区域，您应该使用以下语法：

var onGoTo = function( ) {  }; // function declaration
onGoto() // function call

或者，如果是您的代码，

  this.onGoTo = function() {}; // function declaration
  this.onGoTo(); // function call

最后你的代码应该是这样的：

function exampleFc(ctx){
    'use strict';
    var goTo = $('a[href*=#]',this.$ctx);
    goTo.on('click',$.proxy(this.onGoTo,this));
    this.onGoTo = function(evt) {
         evt.preventDefault();
         var elem = $(evt.currentTarget).attr('href');
         if(elem.length > 1){
             $('html,body').animate({
                 scrollTop: $(elem).offset().top
             }, 700, function (){location.hash = elem;});
         }
         return false;
     }
}

ok，正如Prakash GPz已经说过的那样，语法是错误的。

我的解决方案是：

function exampleFc(ctx){
'use strict';
var onGoTo = function(evt){
    evt.preventDefault();
    var elem = $(evt.currentTarget).attr('href');
    if(elem.length > 1){
        $('html,body').animate({
        scrollTop: $(elem).offset().top
    }, 700, function (){location.hash = elem;});
}
return false;
};
var goTo = $('a[href*=#]',ctx);
goTo.on('click',onGoTo));

}；

顺便说一下，上面的函数可以用来滚动DOM中的任何位置。请确保滚动链接有一个以#-Symbol开头的href属性，并且该id存在。

最佳

这一行导致错误

onGoTo:function(evt){

因为在函数内部，不能使用对象语法，必须使用=而不是:

var onGoTo = function(evt){

请注意，代理对象是es6实现的一部分。

相关文章：