gpt4 book ai didi

javascript - 为什么我不能使用全局变量中的对象函数?

转载 作者:行者123 更新时间:2023-12-02 16:37:41 24 4
gpt4 key购买 nike

大家好^^
我想使用函数来创建输入,但像对象(用于创建可自定义的输入)一样,之后将它们分配给变量,例如“名称”。之后我想使用它们的函数(创建和检查),第一个函数在 HTML 代码的 div“userInfo”中插入输入,第二个函数检查输入中的值

问题是,当我将一个对象分配给全局变量“name”,然后使用它们的函数时,浏览器的控制台告诉我 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>

最佳答案

全局符号“name”是window对象的固有属性,浏览器不允许您将其更改为字符串以外的任何内容。

您可以使用不同的名称(例如“naem”),并且一切都会正常。当然,选择已经用作 window 对象的另一个内在名称的名称是有风险的。整个情况是一个很好的实例教训,说明为什么 JavaScript 客户端代码中的全局变量是不可取的:环境是一个潜在冲突的雷区,就像您遇到的那样。

关于javascript - 为什么我不能使用全局变量中的对象函数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27784567/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com