这个和javascript中的闭包（在paper.js中工作）

Question

我还在纠结于闭包。

我正在使用Paper.js 和paperscript 开展一个项目。我正在尝试创建具有距离度量的线段，该距离度量在移动时保持在线段的中心。

不是简单地编写代码来分别移动中心和线（这将非常简单），我一直在研究是否可以移动线并让中心跟随。

事实证明这很困难。它可能有几个问题，但现在this 是我目前的bugaboo。我现在设置它们的方式，this 指的是调用函数时的全局对象，这当然不是我想要的。但我不知道如何创建我想要的，这当然是从“重量”元素到“线”元素的烘焙参考。

我该如何正确地做到这一点？

edge = new Group({
    children: [
        new Path.Line({
            from: gn.position,
            to: event.point,
            strokeColor: 'maroon',
            name: 'line'
        }),
        new PointText(function (){
            return {
                position: function () {
                    return this.previousSibling.position;
                }(),
                content: function () {
                    return this.previousSibling.length.toString();
                }(),
                name: 'weight'
            }
        }())
    ]
});

Answer 1

为了给出更好的结构，并绑定一个this引用，你可以开始定义一个构造函数：

function PointTextContent(name) {
  this.position = function () {
    return this.previousSibling.position;
  }.bind(this);
  this.content = function () {
    return this.previousSibling.length.toString();
  }.bind(this);
  this.name = name;

  PointText.call(this, this);
}

PointTextContent.prototype = PointText;

然后更改您的代码以实例化您的新对象。

edge = new Group({
    children: [
        new Path.Line({
            from: gn.position,
            to: event.point,
            strokeColor: 'maroon',
            name: 'line'
        }),
        new PointTextContent('weight')
    ]
});

注意：我将 position 和 content 更改为函数，我看到它们立即在您的原始代码中被调用。