jQuery: Check if Function Exists before Calling

This post shows how to check if a function exists, before calling it. We will use both JavaScript as well as jQuery (JavaScript library) to do so.

Using JavaScript

In order to check if a function exists using plain JavaScript, use the following code:

The output is the following:

Using jQuery

jQuery contains the jQuery.isFunction() which finds out if the parameter passed to it is a function.

<script type="text/javascript">
    function calculateSum() {
    }  

    // using jQuery
    if ($.isFunction(window.calculateSum))
        calculateSum();
    else
        document.writeln('calculateSum does not exist');
</script>

Since calculateSum() exists, the method gets called.

Check plenty of similar jQuery/JavaScript tips here