Javascript 变量不'；不要在孩子身上工作

下面是我目前正在使用的代码。我正在创建一个表单，并将其值发送到另一台服务器进行处理。当我对值使用变量时，它不起作用，但当我对值进行硬编码时，它起作用。请看下面

此代码包含分配给无效值的变量

var vfirstname, vlastname;
vfirstname = "Stack";
vlastname = "Overflow";

var mapForm = document.createElement("form");
mapForm.target = "_blank";    
mapForm.method = "POST";
mapForm.action = "https://www.example.com/api/details/";

var firstname = document.createElement("input");
var lastname = document.createElement("input");

firstname.type = "text"; firstname.name = "firstname"; firstname.value = vfirstname;
lastname.type = "text"; lastname.name = "lastname"; lastname.value = vlastname;
mapForm.appendChild( firstname );
mapForm.appendChild( lastname );
document.body.appendChild(mapForm);
mapForm.submit();

但当我硬编码的价值观，它的工作

firstname.type = "text"; firstname.name = "firstname"; firstname.value = "Stack";
lastname.type = "text"; lastname.name = "lastname"; lastname.value = "Overflow";

---

对我来说效果很好：所以你们在两个测试中都使用相同的代码，只是使用硬编码值的结果与预期的不同，但变量失败了？这没有道理。只需确保变量是否有值。并将该代码包装到一个函数中，根据全局范围封装变量。您如何接收数据服务器端？这似乎有点可疑/您的代码周围是否有其他上下文？没有理由会有什么不同。