Question

我正在尝试创建一个包含函数的dojo类，这些函数又调用此类中的其他函数，如下所示：

dojo.provide("my.drawing");
dojo.declare("my.drawing", null, {
    constructor: function(/* Object */args){
        dojo.safeMixin(this, args);
        this.container = args[0];    
    },

    addPoint: function(event){
            //calculate the x and y values by offsetting correctly
            var pos = dojo.coords(container);
            var x = event.clientX - pos.x;
            var y = event.clientY - pos.y;
            this.addAbsPoint(x,y);
      },

    addAbsPoint: function(x,y){
        //do something here with the absolute x and y values
    }
});

上面（修剪过的）代码是在dojo.gfx表面上添加一个点。当我尝试运行它时，我收到以下控制台错误：

Uncaught TypeError: Object #<an HTMLDivElement> has no method 'addAbsPoint'

正确调用函数addPoint（event），但是当它尝试在同一对象中引用函数addAbsPoint（x，y）时失败。道场有可能吗？我怎么能完成它？

Answer 1

未正确调用

addPoint()，而不是在正确的上下文中。从它的签名判断我的心灵能力告诉我你用它作为一个事件处理程序，但你没有正确地做到这一点。

你这样做：

var myDrawing = new my.drawing(someArgs);

// this is incorrect:
dojo.connect(someDomNode, "onclick", myDrawing.addPoint);

// or, less incorrect, yet incorrect too:
surface.connect("onclick", myDrawing.addPoint);

在JavaScript中，上面的行传递一个函数，而不是你想象的绑定方法。您需要传递一个上下文（一个对象来调用一个函数）：

// the node connection:
dojo.connect(someDomNode, "onclick", myDrawing, "addPoint");
// or:
dojo.connect(someDomNode, "onclick", myDrawing, myDrawing.addPoint);

// the surface connection:
surface.connect("onclick", myDrawing, "addPoint");
// or:
surface.connect("onclick", myDrawing, myDrawing.addPoint);

或者你总是可以使用dojo.hitch()使用闭包绑定上下文/范围（通过上面的例子完成：

var boundMethod = dojo.hitch(myDrawing, "addPoint");
// or:
//var boundMethod = dojo.hitch(myDrawing, myDrawing.addPoint);

// and now you can do like you did originally:
dojo.connect(someDomNode, boundMethod);

// or:
surface.connect("onclick", boundMethod);

在文档中阅读所有相关内容：

在dojo内部调用对象方法

1 个答案: