javascript - 理解关于 Map() 的 Jquery 片段

Question

我对 JS 和 Jquery 很陌生，我在理解某个函数时遇到了一点困难，即我想了解我在 jquery 文档中找到的一个非常简单的函数的执行顺序，请看下面(该示例也可以在 here. 中找到)::

HTML::

<form method="post" action="">
  <fieldset>
    <div>
      <label for="two">2</label>
      <input type="checkbox" value="2" id="two" name="number[]">
    </div>
    <div>
      <label for="four">4</label>
      <input type="checkbox" value="4" id="four" name="number[]">
    </div>
    <div>
      <label for="six">6</label>
      <input type="checkbox" value="6" id="six" name="number[]">
    </div>
    <div>
      <label for="eight">8</label>
      <input type="checkbox" value="8" id="eight" name="number[]">
    </div>
  </fieldset>
</form>

JS::

$( ":checkbox" )
  .map(function() {
    return this.id;
  })
  .get()
  .join();

结果是::

 "two,four,six,eight".

我明白上面的独立函数在做什么，但是有人可以告诉我上面脚本的执行顺序是什么。I.E.

map() 是否将单独的 id 返回到 get() ？或者它是循环遍历所有复选框，然后一次传递所有id？

Answer 1

这些函数依次执行，一旦完成，它们就会将结果传递给下一个函数，依此类推。

这相当于:

var first = $( ":checkbox" ).map(function() {
    return this.id;
  });
var second = first.get();
var third = second.join();

上面只是一个简写，不需要额外的变量。