我如何将“这个”放入这个函数中...... jquery滑块[重复]

Question

我有类似以下的内容：

MyShape = function() {

    var _container = {
        width: 100,
        height: 100
    }


    this.draw() { 
       //do stuff...
    }

    $('#slider-1').bind('change', function(event, ui) {

        _container.width = $('#slider-1').val();
        this.draw();

    });


};

我正在使用 jquery 滑块来动态更改形状的宽度，然后我调用 .draw() 来重绘形状。我不断收到此错误：

Uncaught TypeError: Object # has no method 'draw'

我很确定这是因为我需要将上下文“this”传递给 change 函数，但我似乎不知道该怎么做。

Answer 1

这是因为JavaScript's this is dynamic.

你可以像这样使用Function.prototype.bind：

$('#slider-1').on('change', function(event, ui) {

    _container.width = $('slider-1').val();
    this.draw();

}.bind(this) /* use the same this value */);

或者你可以使用闭包变量

var that = this;
$('#slider-1').on('change', function(event, ui) {

    _container.width = $('slider-1').val();
    that.draw();

});