javascript - 如何实现 JavaScript Cascades..？

Question

我正在阅读“JavaScript 的优点”，它提到级联是在 JavaScript 中进行方法链接的一种方式，但我找不到任何代码来解释这些方法应该如何实现。

getElement('myBoxDiv').
move(350, 150).
width(100).
height(100).
color('red').
border('10px outset').
padding('4px').
appendText("Please stand by").
on('mousedown', function (m) {
    this.startDrag(m, this.getNinth(m));
}).
on('mousemove', 'drag').
on('mouseup', 'stopDrag').
later(2000, function (  ) {
    this.
        color('yellow').
        setHTML("What hath God wraught?").
        slide(400, 40, 200, 200);
}).
tip('This box is resizeable');

Answer 1

诀窍是方法本身应该只返回this。这样，每次将这些方法链接在一起时，对象本身就是调用的基础。

SomeObj.width(40) 然后将只返回 SomeObj，因此添加调用 .height(50) 将起作用，并继续。