torus/js-with-vs-function-call.html

## js-with-vs-function-call.html
<html>
  <head>
<title>with vs Function.call</title>
</head>
<body>

<p>See JavaScript console using Chrome developer tool or Firebug.</p>

<script id="script">
  console.log ("using with...");
  var a = {value_a: "a"};
  var b = {value_b: "b"};
  with (a) {
    with (b) {
      console.log (this);
      console.log (value_a);
      console.log (value_b);
    }
  }

  console.log ("using Function.call...");

  (function () {
     console.log (this);
     console.log (this.value_a);
     console.log (value_a);  // Error on Chrome
  }).call (a)
</script>

<h2>Source</h2>

<script>
  var e = document.createElement ("pre");
  e.textContent = document.getElementById ("script").innerHTML;
  document.body.appendChild (e);
</script>

</body>
</html>
	<html>
	<head>
	<title>with vs Function.call</title>
	</head>
	<body>

	<p>See JavaScript console using Chrome developer tool or Firebug.</p>

	<script id="script">
	console.log ("using with...");
	var a = {value_a: "a"};
	var b = {value_b: "b"};
	with (a) {
	with (b) {
	console.log (this);
	console.log (value_a);
	console.log (value_b);
	}
	}

	console.log ("using Function.call...");

	(function () {
	console.log (this);
	console.log (this.value_a);
	console.log (value_a); // Error on Chrome
	}).call (a)
	</script>

	<h2>Source</h2>

	<script>
	var e = document.createElement ("pre");
	e.textContent = document.getElementById ("script").innerHTML;
	document.body.appendChild (e);
	</script>

	</body>
	</html>