context.stroke（）;在context.closePath（）之后;还是之前？

Question

我应该使用哪一种？为什么？

context.beginPath();
context.arc(300, 150, 30, 0, Math.PI * 2, false);
context.strokeStyle = '#50F';
context.stroke();
context.closePath();

或

context.beginPath();
context.arc(300, 150, 30, 0, Math.PI * 2, false);
context.closePath();
context.strokeStyle = '#50F';
context.stroke();

我见过人们同时使用两者，我知道两者都有效，但哪一个是正确的/我应该使用以及为什么？