javascript - 如何不传递参数并仍然使函数工作？

Question

function drawLine(ctx, sX, sY, eX, eY, sRGB, fRGB, lWidth, capStyle)
{
    ctx.beginPath();
    ctx.moveTo(sX, sY);
    ctx.lineTo(eX, eY);
    ctx.lineWidth = lWidth||5;
    ctx.strokeStyle = 'rgb(49, 129, 48)';
    ctx.lineCap = 'round';
    ctx.stroke();
    ctx.closePath();
}

然后我想这样调用函数:

drawLine(ctx, 50, 50, 100, 100, someStrokeStyle, someFillStyle, someCapStyle);

如您所见，我跳过了 lWidth 参数。我希望该函数仍然有效，即使 lWidth 未作为参数传递。我将如何做到这一点？ Atm，它可能认为 someCapStyle 是 lwidth。

Answer 1

当你有大量的参数要像你一样传递给一个函数时，使用一个对象:

function foo({param1: val1, parma2: val2}) {}

在那种情况下，您将不会依赖于参数的数量和它们被表示的顺序。

所以你可以重写你的函数:

 function drawLine(drawObj)
{
    ctx.beginPath();
    ctx.moveTo(drawObj.sX, drawObj.sY);
    ctx.lineTo(drawObj.eX, drawObj.eY);
    ctx.lineWidth = drawObj.lWidth||5;
    ctx.strokeStyle = drawObj.sRGB;
    ctx.lineCap = drawObj.capStyle;
    ctx.stroke();
    ctx.closePath();
}