javascript - 如何命名和重用 javascript 函数

Question

我有以下 jQuery 代码，我想通过从我的 jQuery 代码的其他部分调用它来重用它们。我该怎么做？

$(document).ready(function() {              
    $('#share_mention').charcount({
        maxLength: 140,
        preventOverage: false
    });

    $('.countable').bind('update', function(evt, length, remaining) {
        var message = 'id=' + $(evt.target).attr('id') + ', length=' + length + ', remaining=' + remaining;                 
    });
});

Answer 1

有很多方法可以给这只猫剥皮，但这里有一种方法。

var yourNameSpace = {};

yourNameSpace.YourFunction = function(){
   $('#share_mention').charcount({
   maxLength: 140,
   preventOverage: false
  });

  $('.countable').bind('update', function(evt, length, remaining) {
  var message = 'id=' + $(evt.target).attr('id') + ', length=' + length + ', remaining=' + remaining;                 
  });
}

$(document).ready(function() {   
  yourNameSpace.YourFunction()
});

Answer 2

首先，没有 jQuery 函数之类的东西。这是一个javascript函数。该事件被隐式传递给回调函数。

function countCats (event) {}

$('.cats').on('click', countCats);