Anonymous functions in JavaScript
5 likes1,338 views
Anonymous functions allow functions to be defined and called without a name. JavaScript functions are first-class objects that can be treated like any other object. This allows functions to be defined anonymously and immediately called by wrapping the function definition in parentheses and adding another set of parentheses to call it. For example, (function(){ return "Hello World"; })(); defines and immediately calls an anonymous function without needing to assign it a name.
Anonymous functions in JavaScript
- 1. Anonymous Functions What is an anonymous function?!
- 2. Normal function function foo() { return "Hello World!"; }
- 3. Anonymous function function() { } -- A function without a name is called an anonymous function! BUT the above code won’t work... yet
- 4. Functions in JS Functions in JavaScript are first-class objects. It means that, any functions in JS can be treated like an object! So… what does it actually mean? What is the advantage?
- 5. function sayHello() { return "Hello World"; } sayHello(); The advantage can be called as (sayHello)();
- 6. function sayHello() { return "Hello World"; } (sayHello)(); The advantage
- 7. function sayHello() { return "Hello World"; } (sayHello)(); The advantage Let’s take this whole code
- 8. function sayHello() { return "Hello World"; } (sayHello)(); The advantage Let’s take this whole code and paste it inside there
- 9. (function() { return "Hello World"; })(); The refactored code
- 10. (function() { return "Hello World"; })(); Now, it’s an anonymous function! The double parenthesis at the end of the function declaration will immediately call the function just as you would do with: (sayHello)(); The refactored code
- 11. End That’s it!
- 12. By Mohammed Sazid-Al-Rashid - Automation Solutionz - @sazidz - +SazidAlRashid