What is the difference between anonymous and inline functions in JavaScript?

Anonymous Functions

Anonymous, as the name suggests, allows creating a function without any names identifier. It can be used as an argument to other functions. This is how JavaScript anonymous functions can be used −

var myfunc = function() {
   alert(‘This is anonymous');
}

Another example can be the following −

setTimeout(function() {
   alert('Demo');
}, 3000);

Inline Functions

An inline function is a javascript function, which is assigned to a variable created at runtime. You can difference Inline Functions easily with Anonymous since an inline function is assigned to a variable and can be easily reused.
This is how JavaScript inline functions can be used −

var myfunc = function() {
   alert ('inline')
};
$('a').click(myfunc);

Rahul Sharma

Updated on 13-Jun-2020 06:18:52

• Related Questions & Answers
• What is the difference between functions and methods in JavaScript?
• What is the difference between closure and nested functions in JavaScript?
• What is the difference between custom and built-in functions in JavaScript?
• What is the difference between default and rest parameters in JavaScript functions?
• What is the difference between CONCAT() and CONCAT_WS() functions?
• Anonymous Wrapper Functions in JavaScript
• What is the purpose of wrapping whole JavaScript files in anonymous functions?
• Difference between regular functions and arrow functions in JavaScript
• What is the difference between Python functions datetime.now() and datetime.today()?
• What is the difference between MySQL INSTR() and FIND_IN_SET() functions?
• What is the difference between MySQL LOCATE() and FIND_IN_SET() functions?
• What is a typical use case for JavaScript anonymous functions?
• What are Self-Invoking Anonymous Functions in JavaScript?
• What is the difference between ajaxSend() and ajaxStart() functions in jQuery?
• What is the difference between ajaxStop() and ajaxComplete() functions in jQuery?