DRYの原則をJavaScriptに適用すると、このコードを最適化するのに役立ちますか？

Question

私のコードの品質を最適化する方法を探していたのですが、やっとDRYという概念が出てきました。私はできる限りベストを尽くそうとしますが、時には2行または3行のコードを除いて2つの関数を書く必要があります。そして、最善の方法を見つけようとしています。それを整理する。

ここに私の "質問"があります。数週間前に書いた2つの関数は、最後に3行を除いて基本的に同じですが、1つは加算で、もう1つは減算で行います。私は他の開発者から以下のコードをどのように最適化するかについていくつかの情報を得たいと思っていますまたはには、同様の問題を解決した無関係なコードの例があります。

/** 
* Go to the previous notification 
* 
* @private 
* @param {object} cl Click event details (ex. {id: 'linkId', ss: '_', index: '1', e: event}) 
* @memberOf APP.devices 
*/ 
function slideNext (cl) { 
    var button = $('#' + cl.id + cl.ss + cl.index), 
     index = cl.index - 1, 
     slider = devices[index].container.find('.slideContainer'), 
     // In order to get the value of the 'right' position we must take the (container width - slider width - left position - right-margin) 
     slidePos = (slider.parent().width() - slider.width()) + (slider.position().left * -1) + (parseFloat(slider.css('margin-right')) * -1); 
    if (button.hasClass('disabled')) { 
     return false; 
    } 
    slider.find('.active').removeClass('active').prev().addClass('active'); 
    disableButtons(index); 
    slider.animate({'right': slidePos + notificationOffset}, 200, function() { 
     determineButtonState(index); 
    }); 
    updatePositionContext(index); 
} 


/** 
* Advance to the next notification 
* 
* @private 
* @param {object} cl Click event details 
* @memberOf APP.devices 
*/ 
function slidePrev (cl) { 
    var button = $('#' + cl.id + cl.ss + cl.index), 
     index = cl.index - 1, 
     slider = devices[index].container.find('.slideContainer'); 
     // In order to get the value of the 'right' position we must take the (container width - slider width - left position - right-margin) 
     slidePos = (slider.parent().width() - slider.width()) + (slider.position().left * -1) + (parseFloat(slider.css('margin-right')) * -1); 
    if (button.hasClass('disabled')) { 
     return false; 
    } 
    slider.find('.active').removeClass('active').next().addClass('active'); 
    disableButtons(index); 
    slider.animate({'right': slidePos - notificationOffset}, 200, function() { 
     determineButtonState(index); 
    }); 
    updatePositionContext(index); 
    // Load more notifications once user get's close to the end of the current set of notifications 
    if (slider.find('.active').nextAll().length == 3) { 
     getMoreNotifications(index); 
    } 
} 

Answer 1

基本的なフラグを使用すると、すべてを大幅に削減できます。私はあなたがなぜそれをやっていないのか不足している理由があると確信しています、私はDRYの超大規模ではありませんでした。私を啓発すること自由に感じてください:)

/** 
* Move to another notification 
* 
* @private 
* @param {object} cl Click event details (ex. {id: 'linkId', ss: '_', index: '1', e: event}) 
* @param fw Whether to go forwards or backwards. Defaults to true (forwards) 
* @memberOf APP.devices 
*/ 
function slideNext (cl, fw) { 
    var button = $('#' + cl.id + cl.ss + cl.index), 
     index = cl.index - 1, 
     slider = devices[index].container.find('.slideContainer'), 
     // In order to get the value of the 'right' position we must take the (container width - slider width - left position - right-margin) 
     slidePos = (slider.parent().width() - slider.width()) + (slider.position().left * -1) + (parseFloat(slider.css('margin-right')) * -1); 
     var distance = ((fw) ? slidePos + notificationOffset : slidePos - notificationOffset; 
    if (button.hasClass('disabled')) { 
     return false; 
    } 
    if (fw) 
     slider.find('.active').removeClass('active').prev().addClass('active'); 
    else 
     slider.find('.active').removeClass('active').next().addClass('active'); 
    disableButtons(index); 
    slider.animate({'right': distance}, 200, function() { 
     determineButtonState(index); 
    }); 
    updatePositionContext(index); 
    // Load more notifications once user get's close to the end of the current set of notifications 
    if (!fw && slider.find('.active').nextAll().length == 3) { 
     getMoreNotifications(index); 
    } 
}