Javascript 我能';我不理解为什么displayAllTodoItems()在这段代码中执行了两次
给出的代码是在NodeJS中创建的控制台Todo应用程序的代码,该应用程序可以存储新的Todo项目,显示它们,并能够删除任何一个项目。我面临的问题是,当我向应用程序中添加一个新的Todo项,然后在不停止程序的情况下,我尝试使用Javascript 我能';我不理解为什么displayAllTodoItems()在这段代码中执行了两次,javascript,node.js,Javascript,Node.js,给出的代码是在NodeJS中创建的控制台Todo应用程序的代码,该应用程序可以存储新的Todo项目,显示它们,并能够删除任何一个项目。我面临的问题是,当我向应用程序中添加一个新的Todo项,然后在不停止程序的情况下,我尝试使用displayAllTodoItems()显示存储的所有Todo项,结果显示两次。但如果在停止应用程序一次后执行displayAllTodoItems(),则不会发生这种情况。谁能告诉我为什么会这样 const fs = require('fs'); const readl
displayAllTodoItems()
显示存储的所有Todo项,结果显示两次。但如果在停止应用程序一次后执行displayAllTodoItems()
,则不会发生这种情况。谁能告诉我为什么会这样
const fs = require('fs');
const readline = require('readline');
const rl = readline.createInterface({
input: process.stdin,
output: process.stdout
});
let outputData;
console.log(`Welcome to Todo app!
-----------------------------------
Press 1 to add a new Todo item.
Press 2 to display all Todo items.
Press 3 to delete a Todo item.
Press 4 to exit.`);
takeInput();
function takeInput(){
rl.on("line", (answer) => {
checkSwitch(answer);
});
}
function checkSwitch(answer) {
if(answer == "1"){
rl.question("Give the name and description of the Todo item (separated by a comma):", (ans) => {
let [name, description] = ans.split(",");
addNewTodoItem(name, description);
});
}
else if(answer == "2"){
displayAllTodoItems();
}
else if(answer == "3"){
rl.question("Give the number of the Todo item to be deleted:", (ans) => {
let number = ans;
deleteATodoItem(number);
});
}
else if(answer == "4"){
console.log("Program exited!")
process.exit();
}
else {
console.log("Invalid selection!")
}
takeInput();
}
const addNewTodoItem = (name, description) => {
fs.readFile("todofile.txt", "UTF-8", (err) => {
if(err){
fs.writeFile("todofile.txt", `${name}:${description}\n`, (err) => {
if(err){
console.log("The data couldn't be saved.");
}
else{
console.log("The Todo item has been saved.");
}
});
}
else {
fs.appendFile("todofile.txt", `${name}:${description}\n`, (err) => {
if(err){
console.log("The data couldn't be saved.");
}
else{
console.log("The Todo item has been saved.");
}
});
}
});
}
const displayAllTodoItems = () => {
let text = fs.readFileSync("todofile.txt").toString('utf-8').split("\n");
text = text.filter(text=>text!="");
text.forEach((element, i)=> {
console.log(`${i+1}. ${element}`);
})
}
const deleteATodoItem = () => console.log("Delete");
我也发布了这个问题的答案。似乎问题的原因是
checkSwitch()
中的takeInput()
函数调用。这个问题已经解决了。在程序开始执行takeInput()
函数后,rl.on(“line”,callback)
正在侦听新行条目。当在checkSwitch()
函数中再次调用takeInput()
时,执行了两次rl.on(“line”,callback)
,从而产生了问题。以下是该应用程序的完整和更正版本:
const fs = require('fs');
const readline = require('readline');
const rl = readline.createInterface({
input: process.stdin,
output: process.stdout
});
let outputData;
console.log(`Welcome to Todo app!
-----------------------------------
Press 1 to add a new Todo item.
Press 2 to display all Todo items.
Press 3 to delete a Todo item.
Press 4 to exit.`);
takeInput();
function takeInput() {
rl.on("line", (answer) => {
checkSwitch(answer);
});
}
function checkSwitch(answer) {
if (answer == "1") {
rl.question("Give the name and description of the Todo item (separated by a comma):", (ans) => {
let [name, description] = ans.split(",");
addNewTodoItem(name, description);
});
}
else if (answer == "2") {
displayAllTodoItems();
}
else if (answer == "3") {
rl.question("Give the number of the Todo item to be deleted:", (ans) => {
deleteATodoItem(ans);
});
}
else if (answer == "4") {
console.log("Program exited!")
process.exit();
}
else {
console.log("Invalid selection!");
}
}
const addNewTodoItem = (name, description) => {
fs.readFile("todofile.txt", "UTF-8", (err) => {
if (err) {
fs.writeFileSync("todofile.txt", `${name}:${description}\n`);
console.log("The Todo item has been saved.");
}
else {
fs.appendFile("todofile.txt", `${name}:${description}\n`, (err) => {
if (err) {
console.log("The data couldn't be saved.");
}
else {
console.log("The Todo item has been saved.");
}
});
}
});
}
const displayAllTodoItems = () => {
let text = fs.readFileSync("todofile.txt").toString('utf-8').split("\n");
text = text.filter(text => text != "");
text.forEach((element, i) => {
console.log(`${i + 1}. ${element}`);
});
}
const deleteATodoItem = (number) => {
let text = fs.readFileSync("todofile.txt").toString('utf-8').split("\n");
text = text.filter(text => text != "");
text.splice(number - 1, 1);
fs.writeFileSync("todofile.txt", text.join("\n"));
console.log("Item deleted.");
}
在我看来,
takeInput()
会在每次调用中添加另一个事件处理程序。这不会删除以前的事件处理程序,因此每次调用takeInput()
时,都会对每个“行”事件调用一次checkSwitch()
。那么,可能的解决方案是什么?谢谢你的回复!