Question

我试图做一些能告诉你两个圆圈交点的东西。我放在圆圈和半径的中心。 （我从stackoverflow得到了交集函数：here）。我正在尝试添加用户输入，但是当我将代码中的静态数字更改为用户输入（通过提示或html输入）时，函数会中断并且警报会向我发送未完成的答案和Nan。

到目前为止，这是编码（没有用户输入）：

    <html>
    <button onclick="button()">Test</button>
    <script>
    var x0 = 3;
    var y0 = 0;
    var r0 = 3;
    var x1 = -1;
    var y1 = 0;
    var r1 = 2;
    function button() {


    intersection(x0, y0, r0, x1, y1, r1)

    function intersection(x0, y0, r0, x1, y1, r1) {
    var a, dx, dy, d, h, rx, ry;
    var x2, y2;

    /* dx and dy are the vertical and horizontal distances between
     * the circle centers.
     */
    dx = x1 - x0;
    dy = y1 - y0;

    /* Determine the straight-line distance between the centers. */
    d = Math.sqrt((dy*dy) + (dx*dx));

    /* Check for solvability. */
    if (d > (r0 + r1)) {
        /* no solution. circles do not intersect. */
        return false;
    }
    if (d < Math.abs(r0 - r1)) {
        /* no solution. one circle is contained in the other */
        return false;
    }

    /* 'point 2' is the point where the line through the circle
     * intersection points crosses the line between the circle
     * centers.  
     */

    /* Determine the distance from point 0 to point 2. */
    a = ((r0*r0) - (r1*r1) + (d*d)) / (2.0 * d) ;

    /* Determine the coordinates of point 2. */
    x2 = x0 + (dx * a/d);
    y2 = y0 + (dy * a/d);

    /* Determine the distance from point 2 to either of the
     * intersection points.
     */
    h = Math.sqrt((r0*r0) - (a*a));

    /* Now determine the offsets of the intersection points from
     * point 2.
     */
    rx = -dy * (h/d);
    ry = dx * (h/d);

    /* Determine the absolute intersection points. */
    var xi = x2 + rx;
    var xi_prime = x2 - rx;
    var yi = y2 + ry;
    var yi_prime = y2 - ry;

    var list = "(" + xi + ", " + yi + ")" + "(" + xi_prime + ", " + 
    yi_prime + ")"  
    alert(list);
    }
    }  

    </script>
    </html>

当我将圆圈中的任何变量更改为用户输入时，如：

    var x0 = prompt("X cord of circle 1");

警报出现为：（3-2.6250，-1.4523687548277813）（NaN，1.4523687548277813）

并且没有用户输入（显示在大代码块中），它出现为：（0.375，-1.4523687548277813）（0.375,1.4523687548277813）。哪个是正确的答案。

谁能告诉我我做错了什么或者发生了什么事？

Answer 1

您的提示返回一个字符串，但您无法对字符串进行数学运算。尝试将其转换为数字：

    var x0 = Number(prompt("X cord of circle 1"));

Answer 2

提示将用户输入作为字符串。要将其转换为数学爵士乐的整数，请使用parseInt。

 var x0String =  prompt("X cord of circle 1");
 var x0 = parseInt(x0String);

JavaScript应该＆＃34;转换＆＃34;数字字符串为整数，如果你对它进行计算，因为JS是弱类型的，但这是一个好习惯，你可以通过自己解析字符串中的整数值来避免一些陷阱。

Answer 3

正如丹尼尔指出的那样，如果您需要将字符串作为数字，将字符串更改为数字总是更好。在我发现x0被使用两次之前，为什么程序无效，这似乎真的很令人困惑。

程序返回NaN的原因是因为使用+运算符时，数字将转换为字符串而不是数字。

这发生在这里：x0 + (dx * a/d);

然后会发生的是，在字符串中添加一个负数，创建类似：2-2

的内容

正如您所料，当我们稍后尝试减去它时，该值不能再转换为数字，从而返回NaN。

UserInput正在弄乱一个函数

3 个答案: