Question

这是一个用作事件处理程序的函数，它使用this：

function validate() {
  if (this.val() == '') {
    return false;
  }
}

$(':input').change(validate);

这是为了接受参数而重写的相同函数，因此我可以明确地调用它：

function validate(field) {
  if ($(field).val() == '') {
    return false;
  }
}

validate($('#customer_name'));

如何重写我的validate函数以使其适合用作两个事件处理程序，并作为一个独立的函数供我调用？

Answer 1

有多种方法可以做到这一点。一种是使用第二个将字段作为参数并使用闭包设置事件处理程序：

function validate(field) {
  if ($(field).val() == '') {
    return false;
  }
}

// Use anonymous function to pass "this" to validate.
$(':input').change(function() { validate(this); });

// Unchanged.
validate($('#customer_name'));

另一种方法是使用第一个表单并使用apply()通过覆盖this来调用它：

function validate() {
  if ($(this).val() == '') {
    return false;
  }
}

// Unchanged.
$(':input').change(validate);

// Use `$(...)` as "this" when calling validate.
validate.apply($('#customer_name'));

Answer 2

如果this未作为参数提供，请使用后备field。

function validate(field) {
    return $(field || this).val() != '';
}

$(':input').change(validate); // using this context
validate($('#someInput'));    // using a parameter

如何将函数编写为事件处理程序和带参数的可调用函数？

2 个答案: