JSXGraph：在 for 循环中使用边界框大小

问题描述

我想仅显示序列的一部分，具体取决于边界框值。因此，请考虑以下 JSXGraph 脚本：

    var board = JXG.JSXGraph.initBoard('Box-jsx_suite_TEST',{boundingBox: [-2,3,4,-3],keepaspectratio: false});
    // Get the left and right bounds of the bounding Box:
    var min=function(){return  board.getBoundingBox()[0];};
    var max=function(){return  board.getBoundingBox()[2];};
    // ... display them:
    var test=board.create('text',[
            function(){return min()+1},1,function(){return "MIN: "+min()+",MAX: "+max()}
    ]);
    // ... and plot a function whose domain depends on them:
    var graph=board.create('functiongraph',[
       function(t){return Math.sin(t)},function(){return min()+1},function(){return max()-1}
    ]);

    // Now,similar but with a for loop:
    for(var i = -1; i < 4; i++) {
    board.create('point',[i,Math.sin(i)],{name:''});
    }

用SHIFT+MOUSE拖动，根据min()和max()的值改变图的域。但是为什么我不能对 for 循环的范围做类似的事情？含义：为什么我不能用 i<4 替换 i<function(){return max()-1}？似乎我在这个循环中放置的所有内容都忽略了拖动、滑块等的更新。

解决方法

有趣的问题！在您的代码中，曲线的定义函数调用您的函数 min()。这是在板的每次更新期间完成的。因此，每当重新绘制曲线时，都会评估函数 min()。

相比之下，for 循环只执行一次，即在页面加载的开头。这些点是“自由点”，设置了一些初始坐标。特别是，它们不依赖于任何其他元素。

解决方案是以函数为坐标创建点，这些函数也调用min()。下面是一个示例（在 https://jsfiddle.net/09ykbpat/ 观看直播）：

// Get the left and right bounds of the bounding box:
var min=function(){return  board.getBoundingBox()[0];};
var max=function(){return  board.getBoundingBox()[2];};
// ... display them:
var test=board.create('text',[
        function(){return min()+1},1,function(){return "MIN: "+min()+",MAX: "+max()}
]);
// ... and plot a function whose domain depends on them:
var graph=board.create('functiongraph',[
   function(t){return Math.sin(t)},function(){return min()+1},function(){return max()-1}
]);

// Now,similar but with a for loop:

for(let i = 4; i < 8; i++) {
        board.create('point',[
        function() { return min() + i; },function() { return Math.sin(min() + i); }
      ],{name:''});
}

请注意变量 i 和 let 的定义。如果我们用 var 定义它，i 将在这些函数中作为全局变量处理，而不仅仅是在 for 循环期间提供它的值（闭包情况！）。

bounding-box jsxgraph