Question

我致力于改进一些贝塞尔缓和功能，并遇到this问题。基本上是一个Ease对象。

Ease.bezier = function(mX1, mY1, mX2, mY2) {
    return _bezier.processBezier(mX1, mY1, mX2, mY2);
};

var _bezier = Ease.bezier.prototype;

_bezier.processBezier = function (mX1, mY1, mX2, mY2) {

    console.log(this) // this shows the proper object       
    this.mX1 = mX1;
    this.mX2 = mX2;
    this.mY1 = mY1;
    this.mY2 = mY2;

   return _bezier.render;      
};

_bezier.render = function(aX){ 
    console.log(this) // this shows another object
    if (this.mX1 === this.mY1 && this.mX2 === this.mY2) return aX;

    if (aX === 0) return 0;
    if (aX === 1) return 1; 
    return _bezier.computeBezier(_bezier.gx(aX), this.mY1, this.mY2);       
};

_bezier.render函数是绑定到补间引擎的函数，例如tween.js，因此继承了它this，因此this.mX1的值{1}}和其他bezier相关值在_bezier.render函数中未定义。

如果我将this替换为_bezier，动画可以正常运行，但会始终使用所有其他动画的最后一个实例值。

所以，问题是，是否有办法以某种方式从this函数中的_bezier.processBezier获取_bezier.render？

或许我可以通过以访问权限this的方式绑定函数来简化代码？

非常感谢。

Answer 1

尝试使用.bind（）方法来获得正确的'this'：

// ...
_bezier.processBezier = function (mX1, mY1, mX2, mY2) {

    console.log(this) // this shows the proper object
    this.mX1 = mX1;
    this.mX2 = mX2;
    this.mY1 = mY1;
    this.mY2 = mY2;

    // use .bind(this)
    return _bezier.render.bind(this);
};
// ...

Javascript：获取父母的原型`this`

1 个答案: