javascript - SyntaxError：函数语句需要名称

Question

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

“SyntaxError: function statement requires a name”在页面刷新后由萤火虫抛出：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 函数。

Answer 1

语法不正确。该语法应仅在对象内部使用。

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;
     }
}

Answer 2

好的，正如 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 存在。

最好的

Answer 3

此行导致您的错误

onGoTo:function(evt){

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

var onGoTo = function(evt){

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