Question

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

在页面刷新之后，“firephug”抛出了“SyntaxError：function语句需要一个名称”：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;
 }

};

怎么了？我想通过捕获click事件来调用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中的任何地方。确保滚动链接的href属性以＃-Symbol开头，并且该id存在。

最好的

Answer 3

此行会导致您的错误

onGoTo:function(evt){

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

var onGoTo = function(evt){

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

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

3 个答案: