Marcel Trautwein childnode

Learn JavaScript concepts with the Chrome DevTools

Authored by Peter Rybin , Chrome DevTools team

In this short guide we'll review some new Chrome DevTools features for "function scope" and "internal properties" by exploring some base JavaScript language concepts.

Closures

Let's start with closures – one of the most famous things in JS. A closure is a function, that uses variables from outside. See an example:

	$grid_width:66px;
	$grid_space: 16px;

	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	display: inline;
	float: left;
	position: relative;
	margin-left: $grid_space / 2;
	margin-right: $grid_space / 2;
	}

	using System;
	using System.Collections.Generic;
	using System.Linq;
	using System.Reflection;

	// see http://stackoverflow.com/questions/3975741/column-headers-in-csv-using-filehelpers-library/8258420#8258420

	// ReSharper disable CheckNamespace
	namespace FileHelpers
	// ReSharper restore CheckNamespace

	$.each($('textarea.textile'),function(i,el){
	TextileEditor.initialize($(el).attr('id'));
	});