JAVASCRIPT

anonymous function javascript

// There are several definitions

// Non-anonymous, you name it
function hello() { /* code */ }
// Call as usual
hello()

// The myriad of anonymous functions

// This is actually anonymous
// It is simply stored in a variable
var hello = function() { /* code */ }
// It is called the same way
hello()

// You will usually find them as callbacks
setTimeout(function(){ /* code */ }, 1000)
// jQuery
$('.some-element').each(function(index){ /* code */ })

// Or a self firing-closue
(function(){ /* code */ })()

anonymous functions javascript

/*
Anonymous function = a function that doesn't need a name, you only need it for the 
purpose of a single callback
*/

// e.g.

const arr = [1,2,3,4]
arr.map(function square(num){
	return num * 2
})

// the 'square' function is only used within .map here. So it can be treated as an 
// anonymous function. Short hand for an anonymous function can look like this:

arr.map(function(num){
	return num * 2
})

// Or using arrow notation it can look like this:

arr.map((num) => {
	return num * 2
})

js anonymous functions

// ES5
var multiplyES5 = function(x, y) {
  return x * y;
};

// ES6
const multiplyES6 = (x, y) => { return x * y };

anonymous function javascript

//Anonymous function; It's not assigned to an indentifier

Array.forEach((arguments) => {
	//This is an anonymous function
})

function forEach(arguments) {
	//This is NOT an anonymous function
}

anonymous functions in javascript

// Create calculator calling different operators with functions in javascript 

function pow(value0, value1) {
    return Math.pow(value0, value1);
}

function mod(value0, value1) {
    return value0 % value1;
}

function div(value0, value1) {
    return value0 / value1;
}

function mul(value0, value1) {
    return value0 * value1;
}

function add(value0, value1) {
    return value0 + value1;
}

function subtract(value0, value1) {
    return value0 - value1;
}

function calculator(value0, value1, operator) {
    return operator(value0, value1);
}

console.log(calculator(2,5,mod));

anonymous function js

() => {
	//some code
} // add scopes to make it self-invoking function

anonymous function parameters javascript

function caller(otherFunction) {
     otherFunction(2);
 }
caller(function(x) {
    console.log(x); 
});

Anonymous Functions in JavaScript

let text = function () {  
    console.log('Hello World');  
};  

text();

anonymous function javascript

( () => {
    // Function Body...
} )();

anonymous function javascript

function() {
    // Function Body
 }

anonymous function js

let app = (a) => {
return "wew"
};

console.log(app)

anonymous function javascript

//! Button Click Event
//! regular function
document.querySelector("button").addEventListener('click', handlClick);

function handlClick() {
    alert("I got clicked!")//just to show it works
  
  //what to do when click detected
}

//!anonymous function
document.querySelector("button").addEventListener('click',function handlClick() {
    alert("I got clicked!")//just to show it works
  
  //what to do when click detected
});