satyam-dev

// Understanding apply, call and bind

// call

const person = {
  first: 'Satyam',
  last: 'Saluja'
}

console.log(person.first + ' ' + person.last);

satyam-dev

// reduce
function myReduce(callback, initial) {
  let acc = (initial === undefined) ? undefined : initial;

  for (let i = 0; i < this.length; i++) {
    if (acc !== undefined) {
      acc = callback(acc, this[i], i, this);
    } else {
      acc = this[i];
    }

satyam-dev

header p:hover,
main p:hover,
footer p:hover {
  color: red;
  cursor: pointer;
}

satyam-dev

function display(data){
  console.log(data)
}

function printHello(){
  console.log(“Hello”);
}
function blockFor300ms(){
  /* blocks js thread for 300ms with long for loop */
}

satyam-dev

function sayHello() { 
  console.log('Hello!');
}

function sayBye() {
  console.log('Bye!');
}

setTimeout(sayHello, 1000);
setTimeout(sayBye, 2000);

satyam-dev

getData(function(x){
    getMoreData(x, function(y){
        getMoreData(y, function(z){ 
            ...
        });
    });
});

satyam-dev

function fetchUsers(userId, callback) {
  // call some magical API
  callback(user);
}

// calling the above function
fetchUsers('some_id', (user) => {
  console.log('My user object', user);
});

satyam-dev

console.log('Beginning of code sample');
document.getElementById('mybutton').addEventListener('click', () => {
  console.log("You clicked the button!")
});
console.log('End of code sample');

satyam-dev

const num1 = 1;
const num2 = 2;
console.log(`Sum of ${num1} and ${num2} is `, num1+num2);

satyam-dev

return Scaffold(
      appBar: AppBar(title: Text(title)),
      body: Center(child: Text('Hola thy friend!')),
      drawer: Drawer(
        child: ListView(
          padding: EdgeInsets.zero,
          children: <Widget>[
            DrawerHeader(
              child: Text('Drawer Header'),
              decoration: BoxDecoration(