Bhavesh Daswani bhaveshdaswani93

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
  <!-- development version, includes helpful console warnings -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>

## function_declaration.js
//es5 function expressiong
const funcAuth = function(email,password) {
  //some logic
  return 'You are login successfully';
}

//funciton expression with es6 arrow function
const funcSing = (name) => {
  return `${name} sings:  La ala laaa`;
}

## first_class_function.js
//Function can be passed as argument
const sing = function(name) {
  return `${name} is singing a song`;
}

const letPerson = function(name,fn) {
  return fn(name);
}

letperson('Lorem',sing);

## closure_example.js
function a() {
  let grandFather = 'grandpa';
  return funciton b() {
      let father = 'father';
      return function c() {
        let son = 'son';
        return `${grandFather} > ${father} > ${son}`;
      }
   }
}

## closure_memory_efficient.js
function withOutClosure(index) {
  const arr = new Array(8000).fill('Lorem ipsum olorem'); // some random heavy operation that generate data
  return arr[index];
}

withOutClosure(543);
withOutClosure(6543);
withOutClosure(345);
withOutClosure(135);

## closure_encapsulation.js
function encapEg() {
  let protectedData = 0; // this is the protected data that we only want to allow read access not direct change it
  const accessTheData = () => protectedData; // this function will exported
  const updateData = ()=> protectedData++; // we want to update the protected data internall
  setInterval(updateData,1000); //this is the logic to update the data
  return {
    accessTheData // we return the function that only allow to access the protected data
  }
}

## factory_function.js
let personA = {
  first_name: "lorem",
  last_name: "ipsum",
  getFullName() {
    return `Full Name is: ${this.first_name} ${this.last_name}`;
  }
};

let personB = {
    first_name: "rutrum",

## constructorFunction.js
let Person = function(first_name,last_name) {
      this.first_name = first_name;
      this.last_name = last_name;
  }
Person.prototype.getFullName = function() {
  return `Full Name is: ${this.first_name} ${this.last_name}`;
}

let personA = new Person('lorem','ipsum');
let personB = new Person('felis','ullamcorper');

## object_create.js
let person = {
  first_name:'lorem',
  last_name:'ipsum',
  getFullName(){
    return `Fullname is ${this.first_name} ${this.last_name}`;
  }
}

let personA = Object.create(person);
personA.first_name = 'ullamcorper'; //overwrite the person first_name property

## oop_classes.js
class Person
{
  constructor(first_name,last_name) {
    this.first_name = first_name;
    this.last_name = last_name;
  }
 getFullName() {
  return `Full Name is: ${this.first_name} ${this.last_name}`;
 }
}
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	<!-- development version, includes helpful console warnings -->
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	</head>
	<body>
	//es5 function expressiong
	const funcAuth = function(email,password) {
	//some logic
	return 'You are login successfully';
	}

	//funciton expression with es6 arrow function
	const funcSing = (name) => {
	return `${name} sings: La ala laaa`;
	}
	//Function can be passed as argument
	const sing = function(name) {
	return `${name} is singing a song`;
	}

	const letPerson = function(name,fn) {
	return fn(name);
	}

	letperson('Lorem',sing);
	function a() {
	let grandFather = 'grandpa';
	return funciton b() {
	let father = 'father';
	return function c() {
	let son = 'son';
	return `${grandFather} > ${father} > ${son}`;
	}
	}
	}
	function withOutClosure(index) {
	const arr = new Array(8000).fill('Lorem ipsum olorem'); // some random heavy operation that generate data
	return arr[index];
	}

	withOutClosure(543);
	withOutClosure(6543);
	withOutClosure(345);
	withOutClosure(135);
	function encapEg() {
	let protectedData = 0; // this is the protected data that we only want to allow read access not direct change it
	const accessTheData = () => protectedData; // this function will exported
	const updateData = ()=> protectedData++; // we want to update the protected data internall
	setInterval(updateData,1000); //this is the logic to update the data
	return {
	accessTheData // we return the function that only allow to access the protected data
	}
	}
	let personA = {
	first_name: "lorem",
	last_name: "ipsum",
	getFullName() {
	return `Full Name is: ${this.first_name} ${this.last_name}`;
	}
	};

	let personB = {
	first_name: "rutrum",
	let Person = function(first_name,last_name) {
	this.first_name = first_name;
	this.last_name = last_name;
	}
	Person.prototype.getFullName = function() {
	return `Full Name is: ${this.first_name} ${this.last_name}`;
	}

	let personA = new Person('lorem','ipsum');
	let personB = new Person('felis','ullamcorper');
	let person = {
	first_name:'lorem',
	last_name:'ipsum',
	getFullName(){
	return `Fullname is ${this.first_name} ${this.last_name}`;
	}
	}

	let personA = Object.create(person);
	personA.first_name = 'ullamcorper'; //overwrite the person first_name property
	class Person
	{
	constructor(first_name,last_name) {
	this.first_name = first_name;
	this.last_name = last_name;
	}
	getFullName() {
	return `Full Name is: ${this.first_name} ${this.last_name}`;
	}
	}