() => 'Hello world!!'

Functions in JavaScript

Ahmed Murtaza 😎

ahmedgmurtaza

ahmedgmurtaza

slides.com/ahmedmurtaza

codepen.io/ahmedgmurtaza

https://medium.com/@ahmedgmurtaza

Functions

in JavaScript

what are

Functions are:

are First class object

 

Declared with literals

Function as Data

Return values

Create Modules(scopes)

As Callbacks

Declared with literals

 

1 - function (keyword)

2 - name (optional)

3 - list of Parameters (optional)

4 - body 

 

 

Example:

function print(message){

    //body     

    console.log(message);

}

print("Hi, this is Ahmed Murtaza");

Functions as Data

Store in variables

Array entries

Object literals

Referenced by variables

//No recursion possible

let print = function(){
    console.log('print me!!');
}
print();

 

//with recursion
let facto = function factorial( f ){

    if( f <= 1) return 0;

    return f * factorial(f-1)
}

facto(5);

Referenced by Array Entries

function print(msg){ return msg; }

 

let values = [facto];

values[0]('Web is awesome!!');

Stored in Object Literals

let human = {

    age: 27,
    walk: function(){  console.log('walking'); },

}

 

human.walk(); //walking

As Parameters

function upperCase(val){
     return val.toUpperCase();
}

function smallCase(val){
     return val.toLowerCase();
}

function decorate(a, passFunction){
     console.log(passFunction(a));
}

decorate('Pakistan', capitalCase); //PAKISTAN

decorate('PAKISTAN',smallCase); //pakistan

Return Values

//Return

function returnMin(a, b){

    return Math.min(a,b);

}

console.log(returnMin(2,7)); //2

//Does not Return

function printMin(a, b){

     console.log(2,7);

}

printMin(2,7); //2

functions can and cannot return values

Create Scopes

//self invoking anonymous function

(function(){

     let myVal = 'JavaScript Functions';

     . . .                      //rest of your work

})();
console.log(myVal); //Reference error

 

 

 

Callbacks

function greeting(name){

    alert('hello'+name);

}

function processUserInput(callback){

     let name = prompt('please enter your name');

     callback(name);

}

processUserInput(greeting);

Function passed as parameter to another function

Thank You

Functions in JavaScript

By Ahmed Murtaza

Functions in JavaScript

overview of Functions in javascript, functions as data, stored in variables, array entries, object literals, callbacks, scopes, hoisting

  • 316