Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击即可创建新对象_Javascript_Html_Object - Fatal编程技术网

Javascript 单击即可创建新对象

Javascript 单击即可创建新对象,javascript,html,object,Javascript,Html,Object,你好, 我的问题可能有点“新手”,但我是! 我有一个这样的物体: var person = { firstName: null, lastName: null, age: null, eyeColor: null }; 因此,当我点击一个按钮“添加”一个新的人(一个新的对象),我想有这样的东西 $("p").click(function(){ var newPerson = new Person("John", "Doe", "50", "blue");

你好, 我的问题可能有点“新手”,但我是! 我有一个这样的物体:

var person = {
   firstName: null, 
   lastName: null, 
   age: null, 
   eyeColor: null
};
因此,当我点击一个按钮“添加”一个新的人(一个新的对象),我想有这样的东西

$("p").click(function(){
    var newPerson = new Person("John", "Doe", "50", "blue");
    console.log("A new person has been created!");
});
但是这个场景适合一个对象。。。如何使用不同的参数,尤其是不同的对象名称(var newPerson),创建“许多”新的人员? 我知道我可以有一个带参数的函数,但是对象的名称保持不变,所以对象被新的替换了。。。
我希望我很清楚。。。或者至少有人会理解我!谢谢!:)

当您使用带有相同标签的
var
关键字时,它会切换您所引用的对象,因此真正的问题是找到一个位置来存储People类的实例,而不是创建不同的变量名。类似这样的方法可能会奏效:

var people = [];

$("p").click(function(){
    var newPerson = new Person("John", "Doe", "50", "blue");
    people.push(newPerson);
    console.log("A new person has been created!");
});
这样,您就可以使用
人员
数组中存储他们的索引来引用不同的人员

console.log(people[0])//->{firstName:“John”,lastName:“Doe”,年龄:50岁,eyeColor:“blue”}


希望这有帮助

当您使用带有相同标签的
var
关键字时,它会切换您所引用的对象,因此真正的问题是找到一个位置来存储People类的实例,而不是创建不同的变量名。类似这样的方法可能会奏效:

var people = [];

$("p").click(function(){
    var newPerson = new Person("John", "Doe", "50", "blue");
    people.push(newPerson);
    console.log("A new person has been created!");
});
这样,您就可以使用
人员
数组中存储他们的索引来引用不同的人员

console.log(people[0])//->{firstName:“John”,lastName:“Doe”,年龄:50岁,eyeColor:“blue”}


希望这有帮助

我想这会帮助你回答你的问题:

HTML部分:

<form method="POST" id="form">
<input id="name" placeholder="First name"></input><br>
<input id="lname" placeholder="Last name"></input><br>
<input id="age" placeholder="Age"></input><br>
<input id="eye" placeholder="Eye Color"></input><br>
<button type="submit" id="btn">CREATE</button>
</form>

我想这会帮助你回答你的问题:

HTML部分:

<form method="POST" id="form">
<input id="name" placeholder="First name"></input><br>
<input id="lname" placeholder="Last name"></input><br>
<input id="age" placeholder="Age"></input><br>
<input id="eye" placeholder="Eye Color"></input><br>
<button type="submit" id="btn">CREATE</button>
</form>

使用一个数组来存储对象。一个数组应该可以工作,但是数组的索引是什么?比如:arr[x |=new Person(param1,param2,param3,param4);每次我点击按钮,x都不会改变…使用一个数组来存储对象。一个数组应该可以工作,但是数组的索引是什么?比如:arr[x |=new Person(param1,param2,param3,param4);每次我点击按钮,x都没有改变……这正是我所需要的!!谢谢!:)没问题!√√√这正是我需要的!!谢谢!:)没问题!√√√你能解释一下代码吗?你能解释一下代码吗?