Javascript函数在返回时不会中断？

Question

我知道你应该能够通过返回来打破每个语句，这是我正在尝试做的，但我一定做错了什么，看起来很简单，我找不到它。

我有这样的代码

function create() {
  var test = hasThing();
  if (test) {
    $('#myForm').submit();
  } else {
    alert('you suck!')
  }
}

function hasThing() {
  $('.selects').each(function() {
    if (this.value != "") {
      return true;
    }
  });
  return false;
}

我在“return true;”上设置了断点并点击它，但 var test 总是错误的，因为出于某种原因 .each() 循环继续并且 hasThing() 函数继续。我已经尝试过切换，以便我在 .each() 中返回 false 以防万一出于某种重要的原因，但它没有改变任何东西。

我不明白。似乎与文档所说的应该如何工作相反。

Answer 1

您的return true; 语句从提供给each 的匿名函数返回。 return false; 行总是被执行，这就解释了为什么var test 总是假的。

将您的代码更改为

function hasThing() {
  var hasThing = false;
  $('.selects').each(function() {
    if (this.value != "") {
      hasThing = true;
      return false; // breaks the $.each, but does not return from hasThing()
    }
  });
  return hasThing;
}

Answer 2

您可以使用Array.some() 检查任何选择是否具有选定值

function hasThing() {
    return $('select').toArray().some(function(el) {
        return el.value != "";
    })
}

function create() {

    var test = hasThing();

    if (test) {
        alert('at least one select was changed');
        //$('#myForm').submit();
    } else {
        alert('you suck!');
    }
}

function hasThing() {
	return $('select').toArray().some(function(el) {
    	return el.value != "";
    })
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>Select at least one option !</p>
<form id="myForm">
    <select class="selects">
        <option value="">blank</option>
        <option value="2">option1</option>
    </select>
    
    <select class="selects">
        <option value="">blank</option>
        <option value="2">option1</option>
    </select>
    
    <input type="button" onclick="create()" value="submit" />
    
</form>