Замыкания в JavaScript

Да, спасибо. Пользовался этим и даже не знал как оно называется. А вот создание тру-приватных свойств очень даже интересно и познавательно.

Думаю еще будут полезными ссылки на статью Мартина Фаулера о замыканиях вообще (на англ.) martinfowler.com/bliki/Closure.html и Нила Гафтера об истории возникновения замыканий (тоже на англ.) gafter.blogspot.com/2007/01/definition-of-closures.html
Кстати, узнав впервые что такое замыкания я наконец-то понял зачем в Java нужны inner classes.

За статью спасибо, кроме самих замыканий интересно было узнать и про управление доступом в Javascript. На досуге почитаем поподробнее, занятная тема вообще

хорошая статья, спасибо

Скоро ещё выйдет книга в которой все эти вещи будут описаны «Secrets of the JavaScript Ninja» John Resig
Вот примеры нескольких глав из книги:
How closures work — ajaxian.com/downloads/books/javascriptninja/JavaScriptNinja_ch3_Article1.pdf
Using (function(){})() — ajaxian.com/downloads/books/javascriptninja/JavaScriptNinja_ch3_Article2.pdf
Class-Like Code — ajaxian.com/downloads/books/javascriptninja/JavaScriptNinja_ch5_Article2.pdf

Замыкания — одно из самых сложных для понимания вещей, особенно для начинающих.
Спасибо за хороший материал с объяснениями.

4 абзац, видимо опечатка — «остаются доступными внутренней функцией функции»

Очень хорошая статья.
Хотелось бы добавить, что иногда замыкания могут послужить причиной мемори-ликов. Например в коде:

function createHelloFunction = function(name) {
   var myBigObject = createSomeBigObject();

   return function() {
      alert('Hello, ' + name);
   }
}

var sayHelloHabrahabr = createHelloFunction('Habrahabr');

Хотя и myBigObject в возвращаемой функции не используется, ссылка на него остаётся (по крайней мере покуда жив sayHelloHabrahabr).
Вот более живой пример:

function attach()
{
  var element = document.getElementById("my-element");
  element.attachEvent("onclick", function(){ alert("Clicked: " + element.innerHTML); });
}

Как с этим бороться можно почитать тут на английском.

читал раньше здесь:
javascript.ru/tutorial/basic/closure#prostoie-opisaniie

все-таки не
function createHelloFunction = function(name) {
а
var createHelloFunction = function(name) {…

Ну и для сохранений между вызовами проще использовать func_name.attr типа

function countIt(reset) {
if (reset ||! countIt.cnt) countIt.cnt = 0;
return countIt.cnt++;
}

В который раз замечаю что javascript не так прост, как кажется на первый взгляд. Спасибо.

Хорошо )

Спасибо большое, занес в избранное :)

Замыкания в Си :)
lists.cs.uiuc.edu/pipermail/cfe-dev/2008-August/002670.html

Возник вопрос. Зачем яваскриптовый интерпритатор сохраняет и не очищает память от неиспользуемых объектов? (либо я не правильно понимаю)

Рассмотрим простой синтетический пример

function createFunction = function() {
// много очень тяжелых объектов, которые много памяти съедают
var obj1 = new Obj1();
var obj2 = new Obj2();
var obj3 = new Obj3();
// Возвращаемое значение
return function(){
alert('Я простая функция, и не использую никакие внутренние объекты');
}
}

// использование
var func = createFunction();

В этом случае хранятся все объекты, которые созданы внутри. Зачем так сделано? Ведь они не используются в самой функции. По сути создается некая сущность, результатом работы которой является простая функция. Интерпритатор это хорошо знает. Для каких целей хранить все остальное в памяти?

Либо, если можно, приведите пример того, как можно воспользоваться внутренними объектами извне? Не уже ли это сделано для того, чтобы дать возможность менять прототип функции и объектная модель при этом не портилась? То есть, чтобы можно было добавить или переобпределить эту самую функцию?… вот, хотелось бы увидеть наглядный пример

> (for var i = 0; i < links.length; i++)

Lisp || JS —?

%)

Хорошая статья, спасибо! добавлю в избранное и сохраню в копилочку ))

Доступ к переменным не локальной области видимости требует больших затрат… не увлекайтесь замыканиями без надобности… хотя на простеньких задачах, коих большинство это неважно.
Кстати прятать код с локальными переменными и обьектами можно не только в анонимной функции

(function(){
//ваш спрятанный код
}();

но и в анонимном конструкторе обьекта два байта короче :-) и читается легче

new function(){
//ваш спрятанный код
};

точку с запятой не забывайте иначе при сжатии кода могут быть проблемы.

> Следующее, принципиально иное применение замыканий — защита данных.
Это называется инкапсуляция.

Спасибо за хорошую статью!

Спасибо за статью очень интересно.
Как Вам такая комбинация?

function some() {
........var self = arguments.callee;
........if(!self.clk) {//Инициализация выполняется только один раз
................self.clk = function() {alert(this.i)}
........}
........for (var i = 0; i < links.length; i++) {
................links[i].onclick = self.clk.bind({i:i})
........}
}

функция self.clk опеределяется один раз для всех
Как думаете, будет ли выигрыш в производительности при таком подходе?

var MyModule = (function() {
   var name = 'Habrahabr';
   function sayPreved() {
      alert('PREVED ' + name.toUpperCase());
   }
   return {
      sayPrevedToHabrahabr: function() {
         sayPreved(name);// [ 8 ]
      }
   }
})();
MyModule.sayPrevedToHabrahabr();

В 8-й строке (я ее пометил комментом [ 8 ]) вызов ф-ии sayPreved() делается с параметром name.
Это смысловая опечатка или нет (если необходимо, то зачем)? (у меня сработало и с вызовом без параметра)

Спасибо! Очень полезно!

За статью спасибо) Просто и понятно.

Очень хорошая статья — только она смогла боле-менее упорядочить в голове весь бардак, сгенерированный просмотром исходников jQuery.

Кто-нибудь, подскажите, пожалуйста, я не очень понимаю, зачем использовать замыкание для инкапсуляции:
Решил проверить, что пример с sayPrevedToHabrahabr действительно помогает инкапсулировать методы и свойства MyModule.
Для этого создал функцию:

function MyModule() {
   var name = 'Habrahabr';
   function sayPreved() {
      alert('PREVED ' + name.toUpperCase());
   }
   this.sayPrevedToHabrahabr = function() {
         sayPreved(name);
   };
};

Далее создал объект

var myModule = new MyModule();

и попробовал обратиться к его локальным переменным и методам:

document.writeln(myModule.name); // undefined
document.writeln(myModule.sayPreved()); // Uncaught TypeError: undefined is not a function on line 15

Может быть, локальная функция создалась в глобальной области видимости?
попробовал sayPreved(), но это так же падает с ошибкой.

Зачем же в таком случае использовать замыкания для инкапсуляции данных, если последние и так недоступны из вне?