![](/img/trans.png)
[英]Why can't I change this global variable from function? (JavaScript)
[英]Why I can't use object functions from a global variable?
大家好^^
我想使用函数来创建输入,但是像对象(用于创建可自定义的输入)之后,将它们分配给变量,例如“名称”。 之后,我想使用它们的功能(创建和检查),第一个在HTML代码的div“ userInfo”中插入输入,第二个检查输入中的值
问题是当我将对象分配给全局变量“名称”时,然后使用它们的函数,浏览器的控制台告诉我name.create()不是函数,我不能使用它
对不起,我的英语很差,并且在JavaScript xD上的菜鸟水平也很低
谢谢大家^^
function createAll() { name = new textInput("nameInput", 8, 24, "a-Z0-9", "required"); concatFirst += name.create(); document.getElementById("userInfo").innerHTML = concatFirst; console.log(JSON.stringify(name)); } function textInput(idInput, minlenght, maxlenght, req, requiredOption) { this.idIn = idInput; this.minLong = minlenght; this.maxLong = maxlenght; this.reqCha = req; this.requiredOpt = requiredOption; this.create = function () { return "<p> \\ <input id='" + this.idIn + "' pattern='[" + this.reqCha + "]{" + this.minLong + ",}' maxlenght='" + this.maxLong + "' " + " onchange='name.check()' onmouseover='name.check()' " + this.requiredOpt + " ></input> \\ </p>"; } this.check = function () { document.getElementById(this.idIn).style.boxShadow = "0 0 10px 3px green"; } }
<html> <body onload="createAll();"> <div id="mainForm"> <!-- First Form --> <div id="userInfo"> </div> </div> </body> </html>
全局符号“名称”是window
对象的固有属性,浏览器不允许您将其更改为字符串以外的任何内容。
您可以使用其他名称(例如“ naem”),并且一切正常。 当然,存在选择一个已经用作window
对象的另一个内在名称的风险。 总体情况是一个很好的目标课程,它说明了为什么不希望JavaScript客户端代码中的全局变量:环境是潜在冲突的雷区,就像您遇到的那样。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.