javascript - 在通过设置选择器添加到变量的函数中使用“this”

说，我有已设置为所需选择器的变量。然后，为了保持代码整洁，我向该变量添加了函数。因此，在该函数中使用链接的选择器访问原始变量是一个好主意，以后我可能会通过使用'this'添加访问函数。如果有更好的方法来完成它，请继续，我想知道。

var elementzero = $('.element-class');

elementzero.initialize = function() {
    // is there possible to access elementzero selector by 'this'
    $(this).addClass('loaded');

    // and call elementzero.someFunction using the same 'this'
    this.someFunction();
}

elementzero.someFunction = function() {
    console.log('someFunction');
}

elementzero.initialize();

最佳答案

像这样向您的jQuery对象添加临时函数可能不是一个好主意。最好将jQuery和您的图层分开。

也许您可以这样定义一个控制器对象：

var elementzero = $('.element-class');
var controller = {
    initialize: function() {
        elementzero.addClass('loaded');
        controller.someFunction();
    },
    someFunction: function() {
        console.log('someFunction');
    }
};

controller.initialize();

您可能还需要研究一个JavaScript框架来帮助您构建代码。