【问题标题】:Which is a better way to code? and why?哪种编码方式更好?为什么?
【发布时间】:2017-09-14 08:42:27
【问题描述】:

哪种方式编写代码更好?下面我有两种方法可以删除一个项目及其父项。是编写一个函数然后在单击垃圾桶图标时调用该函数(第一种方式)还是直接删除它而不编写任何新函数(第二种方式)更好。

可能有两种情况:

  1. 我想一次又一次地重复某个动作
  2. 我只想执行一次此操作。

在下面的示例中,我只想要一次。

第一种方式:

function deleteTodoItem(e, item) {
  e.preventDefault();
  $(item).parent().fadeOut('slow', function() { 
    $(item).parent().remove();
  });
}
$(".middlepanel").on('click', '.fa.fa-trash', function(e){
    var item = this; 
    deleteTodoItem(e, item)
})

第二种方式:

 $('.middlepanel').on('click','.fa.fa-trash',function(){
     $(this).parent().fadeOut('slow',function(){ 
        $(this).parent().remove();
     }
 })

【问题讨论】:

  • 我想你自己回答了这个问题。如果您打算重用代码,请创建一个方法。否则,在事件本身中只写一次也没问题
  • 这会影响代码的执行速度吗?假设我只想执行一次此操作,并且有两个选项来编写如上所示的代码
  • 如果你想多次使用该功能,我会使用第一种方式。如果您只使用该功能一次,那么我将使用第二种方式。我总是尝试使用KISS principeDNRY principe
  • 在我看来,执行速度的差异会很小,你可以忽略它。我们必须谈论 0.00001 毫秒或其他东西 :-)

标签: jquery performance


【解决方案1】:

在这个具体的例子中没有具体的“更好”的方式,因为基本上这个函数只是包装事件正在使用的东西。

但是,在这种情况下,第一个代码 sn-p 仍然是好的,因为修改可能仅限于并且只有一个更改的地方。 - 我猜!!!

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-04-07
    • 1970-01-01
    • 2021-08-03
    • 2013-01-28
    • 2018-07-22
    相关资源
    最近更新 更多