jquery object - 函數undefined錯誤

Question

在下面的函數中，我的floatShareBar函數內的對象是未定義的。我是否必須在函數之前初始化或定義一個var？它拋出我js錯誤：.float - 函數未定義。

(function($) { 
. 
. 
. 

    $("body").on("ab.snap", function(event) { 
     if (event.snapPoint >= 768) { 
      floatShareBar.float() 
     } else { 
      floatShareBar.unfloat(); 
     } 
    }); 

    var floatShareBar = function() { 
     var fShareBar = $('#article-share'); 

     this.float = function() { 
      console.log(
     }; 
     this.unfloat = function() { 
      console.log("unfloat"); 
     }; 
    }; 
. 
. 
. 

})(jQuery); 

Answer 1

您需要獲得該函數的一個實例與自身實體化的呼叫：

var floatShareBar = (function() { 
    var fShareBar = $('#article-share'); 

    this.float = function() { 
     console.log('float'); 
    }; 
    this.unfloat = function() { 
     console.log("unfloat"); 
    }; 

    return this; 
})(); 

更新1：我修改了它的功能範圍內創建一個對象來連接這些功能，因爲在前面的例子this指window對象

var floatShareBar = (function() { 
    var fShareBar = $('#article-share'); 
    var instance = {}; 

    instance.float = function() { 
     console.log('float'); 
    }; 
    instance.unfloat = function() { 
     console.log("unfloat"); 
    }; 

    return instance; 
})(); 

更新2：實際上，你可以只使用new使用VAR當你給他們打電話之前

$("body").on("ab.snap", function(event) { 
     if (event.snapPoint >= 768) { 
      (new floatShareBar()).float() 
     } else { 
      (new floatShareBar()).unfloat(); 
     } 
    }); 

function floatShareBar() { 
     var fShareBar = $('#article-share'); 

     this.float = function() { 
      console.log(
     }; 
     this.unfloat = function() { 
      console.log("unfloat"); 
     }; 
    }; 

應聲明功能：關鍵字爲好，look here for more info

var floatShareBar = new (function() { 
    var fShareBar = $('#article-share'); 

    this.float = function() { 
     console.log('float'); 
    }; 
    this.unfloat = function() { 
     console.log("unfloat"); 
    }; 
})(); 

Answer 2

更改您的功能這一點。