javascript - 语法错误 : function statement requires a name

Question

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

“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。

Answer 1

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

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

在 object 之外的区域你应该使用这个语法:

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