变量在javascript中突然切换到未定义

Question

我标记了第三个 console.log - “console.log(elements[i])”。在这一点上，elements[i] 是未定义的，但在此之前它的行为符合预期。任何想法如何/为什么会发生这种情况？

function get_all_tasks_within_div(div_id) {

  var options = []

  var checked_options = []

  var elements = document.getElementById(div_id).querySelectorAll('*');

  for (i = 0; i < elements.length; i++) {

    if (elements[i].getAttribute("name") == "task") {

      options.push(elements[i].value)

      if (elements[i].checked == true) {

        checked_options.push(elements[i].value)

      }

    }

  }

  return [options, checked_options]

}

function create_exhibits_list(deliverable_id) {

  exhibits[deliverable_id] = []

  var elements = document.getElementsByName("exhibit")

  //get all exibits and sort

  for (i = 0; i < elements.length; i++) {

    try {

      console.log(elements[i])

      var element_id = elements[i].id;

      var exhibit_number = document.getElementById(element_id + "exhibit_number").value;

      var exhibit_name = document.getElementById(element_id + "exhibit_name").value;

      var responsible_party = document.getElementById(element_id + "responsible_party").value;

      var deliverable_type = document.getElementById(element_id + "type").value;

      var deliverable_type_options = Array.apply(null, document.getElementById(element_id + "type").options).map(function(el) {

        return el.value;

      });

      var responsible_party_options = Array.apply(null, document.getElementById(element_id + "responsible_party").options).map(function(el) {

        return el.value;

      });

Answer 1

您可以使用全局变量i的两种功能，所以for回路中get_all_tasks_within_div()变化的变量i中create_exhibits_list()。所以当你使用elements[i]调用该函数后，i已经变成了elements数组中不存在的索引。你应该总是把变量定义成与本地var或let除非您特别需要使用全局变量。