Ramesh Ramalingam rrameshbtech

## formatted
<div class="card_block">
  <div class="card_block_body form_body">
    <div id="carePlan">
      <div
        class="panel-group"
        id="accordion"
        role="tablist"
        aria-multiselectable="true"
      >
        <div class="card panel-default">

## keybase.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                rrameshbtech
                / keybase.md
            
            
              Created
              May 7, 2019 07:24
            
          
    Keybase proof

I hereby claim:

I am rrameshbtech on github.
I am rrameshbtech (https://keybase.io/rrameshbtech) on keybase.
I have a public key ASDPV0zpkPl2tktzxFR6-4fuDg9TClVeIY3HEUOEB4AtKAo

To claim this, I am signing this object:

  
## explicit-binding-this.js
const siliconVallyOfIndia = {
  city: 'Bengaluru',
  speciality: 'software industries'
};

const texCity = {
  city: 'Tiruppur',
  speciality: 'textile industries'
};

## constructor-functions-this.js
const City = function (cityName, knownFor) {
  this.name = cityName;
  this.speciality = knownFor;

  this.print = function () {
    console.log(`${this.name} is know for ${this.speciality}`);
  };
};

const karur = new City('Karur', 'Textiles');

## dom-inline-binding-this.html
<html>
<button id="thisButton" onclick="verifyThis(this)">Check this</button>
<script>
  const thisButton = document.getElementById('thisButton');

  function verifyThis(buttonWhichTriggered) {
    console.log(buttonWhichTriggered === thisButton); // true
    console.log(this === window); // true
  }
</script>

## dom-event-this-bindings.html
<html>
<button id="thisButton">Check this</button>
<script>
  const thisButton = document.getElementById('thisButton');
  thisButton.addEventListener('click', verifyThis);

  function verifyThis(event) {
    //this is bound to the button onwhich the click event is triggered
    console.log(this === thisButton); // true
    console.log(this === event.currentTarget); // true

## hard-binding-this.js
function printSpeciality() {
  console.log(`${this.city} is know for ${this.speciality}`);
}

const printKarurSpeciality = printSpeciality.bind({city: 'Karur', speciality: 'Textile Industries'});
printKarurSpeciality(); // Karur is know for Textile Industries

const printCoimbatoreSpeciality = printSpeciality.bind({city: 'Coimbatore', speciality: 'Mechanical Industries'});
printCoimbatoreSpeciality();  // Coimbatore is know for Mechanical Industries

## explicit-binding-this.js
const siliconVallyOfIndia = {
  city: 'Bengaluru',
  speciality: 'software industries'
};

const texCity = {
  city: 'Tiruppur',
  speciality: 'textile industries'
};

## object-bindings-this-assigned-function.js
let manchesterOfSouthIndia = {
  city: 'Coimbatore',
  speciality: 'mechanical industries',
}

manchesterOfSouthIndia.getSpeciality = function() {
  return this.city + ' is known for ' + this.speciality;
}
console.log(manchesterOfSouthIndia.getSpeciality()); // Coimbatore is known for mechanical industries

## object-binding-this.js
let manchesterOfSouthIndia = {
  city: 'Coimbatore',
  speciality: 'cotton industries',
  getSpeciality: function() {
    return this.city + ' is known for ' + this.speciality;
  }
}

console.log(manchesterOfSouthIndia.getSpeciality()); // Coimbatore is known for cotton industries
	<div class="card_block">
	<div class="card_block_body form_body">
	<div id="carePlan">
	<div
	class="panel-group"
	id="accordion"
	role="tablist"
	aria-multiselectable="true"
	>
	<div class="card panel-default">
	const siliconVallyOfIndia = {
	city: 'Bengaluru',
	speciality: 'software industries'
	};

	const texCity = {
	city: 'Tiruppur',
	speciality: 'textile industries'
	};
	const City = function (cityName, knownFor) {
	this.name = cityName;
	this.speciality = knownFor;

	this.print = function () {
	console.log(`${this.name} is know for ${this.speciality}`);
	};
	};

	const karur = new City('Karur', 'Textiles');
	<html>
	<button id="thisButton" onclick="verifyThis(this)">Check this</button>
	<script>
	const thisButton = document.getElementById('thisButton');

	function verifyThis(buttonWhichTriggered) {
	console.log(buttonWhichTriggered === thisButton); // true
	console.log(this === window); // true
	}
	</script>
	<html>
	<button id="thisButton">Check this</button>
	<script>
	const thisButton = document.getElementById('thisButton');
	thisButton.addEventListener('click', verifyThis);

	function verifyThis(event) {
	//this is bound to the button onwhich the click event is triggered
	console.log(this === thisButton); // true
	console.log(this === event.currentTarget); // true
	function printSpeciality() {
	console.log(`${this.city} is know for ${this.speciality}`);
	}

	const printKarurSpeciality = printSpeciality.bind({city: 'Karur', speciality: 'Textile Industries'});
	printKarurSpeciality(); // Karur is know for Textile Industries

	const printCoimbatoreSpeciality = printSpeciality.bind({city: 'Coimbatore', speciality: 'Mechanical Industries'});
	printCoimbatoreSpeciality(); // Coimbatore is know for Mechanical Industries
	let manchesterOfSouthIndia = {
	city: 'Coimbatore',
	speciality: 'mechanical industries',
	}

	manchesterOfSouthIndia.getSpeciality = function() {
	return this.city + ' is known for ' + this.speciality;
	}
	console.log(manchesterOfSouthIndia.getSpeciality()); // Coimbatore is known for mechanical industries
	let manchesterOfSouthIndia = {
	city: 'Coimbatore',
	speciality: 'cotton industries',
	getSpeciality: function() {
	return this.city + ' is known for ' + this.speciality;
	}
	}

	console.log(manchesterOfSouthIndia.getSpeciality()); // Coimbatore is known for cotton industries