Ramesh Ramalingam rrameshbtech

## default-bindings-gobal.js
var city = 'Karur';
console.log(this.city); // Karur
console.log(city); //Karur

## default-binding-this-nodejs.js
(function (exports, require, module, __filename, __dirname) {
  //****Your code starts here****//
  var city = 'Karur';
  console.log(this.city); // undefined
  console.log(city); //Karur
  //****Your code ends here****//
});

var args = [self.exports, require, self, filename, dirname];
return compiledWrapper.apply(self.exports, args);

## default-binding-this-functions.js
var slang = 'Kongu';

function printSlang() {
  console.log(this.slang); // Kongu
}

printSlang();

## default-this-equals.js
// Run it in Browser
function thisInBrowser() {
  console.log(this === window); // true
}
thisInBrowser();

//Run it in Node.js
function thisInNodeJS() {
  console.log(this === global); // true
}

## 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

## 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

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

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

## 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

## 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

## 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>
	var city = 'Karur';
	console.log(this.city); // Karur
	console.log(city); //Karur
	(function (exports, require, module, __filename, __dirname) {
	//**Your code starts here**//
	var city = 'Karur';
	console.log(this.city); // undefined
	console.log(city); //Karur
	//**Your code ends here**//
	});

	var args = [self.exports, require, self, filename, dirname];
	return compiledWrapper.apply(self.exports, args);
	var slang = 'Kongu';

	function printSlang() {
	console.log(this.slang); // Kongu
	}

	printSlang();
	// Run it in Browser
	function thisInBrowser() {
	console.log(this === window); // true
	}
	thisInBrowser();

	//Run it in Node.js
	function thisInNodeJS() {
	console.log(this === global); // true
	}
	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
	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
	const siliconVallyOfIndia = {
	city: 'Bengaluru',
	speciality: 'software industries'
	};

	const texCity = {
	city: 'Tiruppur',
	speciality: 'textile industries'
	};
	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
	<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
	<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>