Question

初学者问题：

我想创建一个应用程序，我从用户那里获得一个虚数并将其绘制到复杂的平面上。由于我希望以后添加其他内容，我将代码保存在单独的文件中，并以HTML文件形式连接。

在第一个文件中，我从用户那里得到了真实和复杂的部分：

{
  ...
  "devDependencies": {
    "grunt": "~0.4.5",
    "time-grunt": "~1.3.0",
    "load-grunt-tasks": "~3.5.0",
    "grunt-contrib-concat": "~0.5.1",
    "grunt-contrib-uglify": "~0.9.2",
    "grunt-contrib-watch": "~0.6.1",
    "grunt-sass": "~1.1.0",
    "grunt-contrib-cssmin": "~1.0.1"
  }
}

我在第二个文件中使用：

$(document).ready(function() {
$("#button-number").click(function() {
    var realPart = prompt("Please, enter the real Part of the number:")
    var imagPart = prompt("Please, enter the imaginary Part of the number:")
});})

然而，这不起作用。如果我在函数外部手动定义变量，它可以工作。我不完全确定所有操作是如何计时的，因为我的变量在文档加载时没有定义。我很想知道如何解决这个问题。

Answer 1

这可以按预期工作。

而是使用全局变量范围，您可以使用localStorage

http://www.w3schools.com/html/html5_webstorage.asp

您可以在第一个文件中将real的虚构零件号存储在localStorage中。您可以在第二个文件中访问它们。

Answer 2

我这是你想做什么的？

$("#button-number").click(function() {
  var realPart = prompt("Please, enter the real Part of the number:")
  var imagPart = prompt("Please, enter the imaginary Part of the number:")
  if (realPart != null && imagPart != null) {
    var c = document.getElementById("ComplexPlane");
    var number = c.getContext("2d");
    number.beginPath();
    number.arc(parseInt(realPart),parseInt(imagPart),10,0,2*Math.PI);
    number.stroke();
  } 
});

https://jsfiddle.net/LeroyRon/93jvtrae/ 或者你正在做的事情的一部分...
realPart和imagPart可以在全球范围或存储中设置。

访问用户从JS中的单独文件获取的变量

2 个答案: