javascript返回数组不起作用

标签 javascript jquery arrays return typeof

这是创建数组的函数:

//retrieve calendar id's
function getCalendarId(){
    gapi.client.load('calendar', 'v3', function() {
        var request = gapi.client.calendar.calendarList.list();
        request.execute(function(resp) {
            var calendarID = [];
            for (var i = 0; i < resp.items.length; i++) {
                var ID = resp.items[i].id;
                var calendarSummary = resp.items[i].summary;
                var calendarLocation = resp.items[i].location;
                var calendarDescription = resp.items[i].description;
                if (calendarDescription && calendarDescription.indexOf("Resource Tracker") != -1) {
                        var index = calendarID.length;
                        calendarID[index] = ID;
                }//endif
            }//end for
            console.log(typeof calendarID);
            return calendarID;
        });//end request.execute function(resp)
    });//end client.load function
}//end getCalendarId

这是分配它的函数:

function submitEvents(numHorses){
   var startdate = $("#from").val();
   var enddate = $("#to").val();
   var horsetypes = [];
   var calid = [];
   console.log(typeof(calid));
   calid = getCalendarId();
   console.log(typeof(calid));
   for (i=0; i<numHorses;i++){
      horsetypes[i] = $( "#type"+i).val();
      addEvent(calid[i%calid.length], startdate, enddate, horsetypes[i]);
   }//end for           
  };//end submitEvents

当我检查类型时,calendarID 是返回之前的一个对象,而 calid 是一个对象,当我声明它时,但是当我进行赋值时 calid=getCalendarID(); calid 的类型变为未定义。

我用头撞墙已经有一段时间了;任何帮助表示赞赏!

最佳答案

最外层的函数没有返回值;它没有返回值,所以设置为函数返回值的变量被设置为undefined。内部匿名函数包含 return,这对 API 可能有意义也可能没有意义(可能没有)。

真正的问题是对日历 API 的调用可能需要任意长的时间(它是异步的),因此您不能在单个(同步)函数中设置值并期望它起作用。当您的请求进出远程服务器时,Javascript 不会停止执行,而您真的不希望它停止。

Similar problem/answer: javascript function return not working

由于您可能在其他地方使用 getCalendarId,您可以考虑让它拥有自己的函数,并在 Google Calendar 函数返回时调用它:

function getCalendarId(callback){                            // !!!
  gapi.client.load('calendar', 'v3', function() {
    var request = gapi.client.calendar.calendarList.list();
    request.execute(function(resp) {
      var calendarID = [];
      for (var i = 0; i < resp.items.length; i++) {
        // omitted for brevity
      }//end for
      console.log(typeof calendarID);
      callback(calendarID);                                  // !!!
    });//end request.execute function(resp)
  });//end client.load function
}//end getCalendarId

function submitEvents(numHorses){
  // omitted for brevity
  getCalendarId(function(calid) {                            // !!!
    console.log(typeof(calid));
    for (i=0; i<numHorses;i++){
      // omitted for brevity
    }//end for
  });
};//end submitEvents

关于javascript返回数组不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13152080/

相关文章:

java - 如何使用大括号在 Java 中定义多维数组?

javascript - 避免重复的 dom 查询?

javascript - 在 jQuery 中使悬停重复 Action

java - 在二维数组中移动元素

java - 用java制作一个包含数组和文件输入的表格

jquery - 如何使用 jQuery 验证插件的自定义方法以及如何匹配字符串值

javascript - 如何在Vue中特定组件的范围内定义 `setInterval`?

javascript - 动态需要 React Native 图像

javascript - 在 CSS 中更改图像?

javascript - 为什么属性选择器不适用于 jQuery?