使用“这个”在 $.ready 内原型内

Question

如何传入类实例的“this”上下文的变量代理？例如， this.saySomething() 没有做我想做的事情。

您对 OOJS 代码组织还有其他建议吗？

// Truveo Video Player Class
function Player(){

    // Player Defaults
    this.opts = {
        volume: 0 // Initial volume settings
    };
}

// Initialize player setup / methods
Player.prototype.init = function(configs){

    // Overwrite defaults with custom configs
    this.opts = $.extend(this.opts, configs);

    $(document).ready(function(){
        this.saySomething();
    });
    $(window).load(function(){
        // do something else
    });
}

Player.prototype.saySomething = function(){
    alert(this.opts.volume);
}

// Create instance for channel surf
var configs = {volume:10};
var cSurf = new Player();
cSurf.init(configs);

Answer 1

在进入函数之前保存 this 的副本：

var me = this;
$(document).ready(function(){
    me.saySomething();
});

Answer 2

除了正确答案之外https://stackoverflow.com/users/405143/box9">@Box9，一种可能是为整个 .ready()< 设置 this 的值/代码> 调用。

您可以使用 jQuery.proxy()^[文档] 方法。

$(document).ready( $.proxy(function(){
    this.saySomething();
}, this) );

现在，在发送到 .ready() 的函数中，它将把您的 Player 对象作为 this 的值。