回调函数-如何知道参数内容是什么

时间:2018-10-19 17:33:15

标签: javascript reactjs callback

enter image description here

请参阅React,index.js文件中的图片。我正在从YouTube API检索数据。但是,我不了解代码如何理解“数据”,因为我的代码之前从未定义过。

是否具有某种结构,该结构始终将来自搜索的数据(无论我拥有什么参数)放入下一个函数?

该代码有效,“数据”包含从API搜索中检索到的数据。我只是不明白搜索内容如何自动以“数据”(或任何我命名的参数)结尾。

任何人都可以解释一下-谢谢!

3 个答案:

答案 0 :(得分:0)

YTSearch可能是库代码,它向远程服务器发出请求,解析JSON响应,然后将data作为第一个参数传递给回调。如果您感到好奇,可以在YTSearch调用之前添加debugger语句,然后进入函数以查看其作用。

答案 1 :(得分:0)

这里的最后一个函数是YTSearch的回调函数。 YTSearch是一个反应库,用于包含youtube视频。您所需要做的就是调用YTSearch(),搜索将采用对象形式的参数,包括您的API密钥和搜索词。回调函数将用于返回结果,在以下情况下,可用于设置状态。 因此,基本上,回调函数由YTSearch方法调用,并将结果通过它传递。数据只是一个参数,您可以随意命名。

一个简单的例子:

function callback (data) {
  console.log(data);
}

function YTSearch(obj,callback) {
  //calculates data internally based on obj - API key and searchString
  //finally passes it through the callback function
  callback(data);
}

YTSearch({key:'API_KEY',term:'surfboards'},callback);

答案 2 :(得分:0)

想象一下下面是您正在调用的Prymes方法(简化)。第二个参数YTSearch接受一个在callback结尾处调用的函数。

响应YTSearch作为第一个参数传递给此fromDatabase函数。

调用callback并将自己的函数作为第二个参数传递时,您会在第一个参数(可以将其命名为YTSearchdata或其他任何名称)中接收数据。 / p>

response