jQuery插件结构：在插件定义内部访问JavaScript类？

Question

我对发现的jQuery插件的结构有疑问。

为了更好地理解，这是插件结构的简化示例：

// Regular constructor function
function MyPlugin() {
    this.myValue = "My Value";
}

// Methods on the prototype
MyPlugin.prototype.showValue = function() {
    alert($.myplug.getValue());
}

MyPlugin.prototype.getValue = function() {
    return this.myValue;
}

// jQuery plugin
$.fn.myplug = function() {
    // Why is is possible to access $.myplug here although it's not created yet?    
    return this.each(function() {
        $(this).html($.myplug.getValue());  
    });
};

// Create new MyPlug instance
$.myplug = new MyPlugin();

// Calling the jQuery plugin on a DOM element
$('div').myplug();

在大多数情况下，我了解正在发生的事情。 实际的插件逻辑似乎写为普通的JavaScript“类”。
接下来是jQuery插件定义–我认为，实际上，是在jQuery的原型中添加了一些新方法。 这是让我棘手的地方：

尽管在插件定义之后实例化了类，但如何访问插件内部的类实例呢？ 是否有一种类似于可变提升的工作机制？

如果您想尝试一下，这里是示例的小提琴： http : //jsfiddle.net/kq8ykkga/

Answer 1

$(this).html($.myplug.getValue()); 直到您调用$('selector').myplug()来执行函数体时，才会对其进行评估 。