如何解决如何将局部变量中的 JavaScript 一个函数调用到另一个函数
我是 JavaScript 的初学者。局部变量 let searchquery = e.target.querySelector('input').value;
值不在 fatch api q=${searchquery}
中打印并打印全局变量值 let searchquery='';
我的输出是pizza
{q: "",from: 0,to: 20,more: false,count: 0, …}
let searchquery='';
searchform.addEventListener('submit',(e) => {
e.preventDefault();
let searchquery = e.target.querySelector('input').value;
console.log(searchquery);
fetchAPI(); });
async function fetchAPI() {
const baseurl = `https://api.edamam.com/search?q=${searchquery}&app_id=${app_id}&app_key=${app_key}&to=20`;
解决方法
您正在创建 onEachFeature
变量两次。一个在 searchquery
的匿名函数外面,第二个在里面。因此,变量范围正在缩小,并且在 addEventListener
方法中将不可用。
你应该像这样使用它 -
fetchAPI
或
如果您需要在提交处理程序中创建另一个变量,则在调用此方法时将此变量作为参数传递给 let searchquery = '';
searchform.addEventListener('submit',(e) => {
e.preventDefault();
searchquery = e.target.querySelector('input').value;
console.log(searchquery);
fetchAPI(searchquery);
});
async function fetchAPI(searchquery) {
const baseurl = `https://api.edamam.com/search?q=${searchquery}&app_id=${app_id}&app_key=${app_key}&to=20`;
}
。
fetchAPI
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。