Добавление индивидуальных свойств к функции
 

Всем привет,

Есть функция, которая делает элемент прозрачным (плавно). Соответственно хочу добавить ей свойство "в работе". И чтобы каждый экземпляр вызванной функции имел это свойство для проверки.

function fade(arg1,arg2,arg3) {
...
}

function initFade() {
  var fd1 = fade,
       fd2 = fade;

  fd1(arg1,arg2,arg3);
  alert(fd1.running + " " + fd2.running); // true false
}

initFade();

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

У функции нет свойств...

У функций нет экземпляров...

function fn() {
  fn.prop = "свойств";
}
fn.propNew = "текст из ";
fn();
alert(fn.propNew + fn.prop);  // текст из свойств

function makeCounter() {
  var currentCount = 0;
    
  return function() {
    currentCount++;
    return currentCount;
  };
}

var counter = makeCounter();

// каждый вызов увеличивает счётчик
counter(); 
counter(); 
alert( counter() ); // 3

var c1 = makeCounter();

var c2 = makeCounter();

alert( c1() ); // 1
alert( c2() ); // 1, счётчики независимы

Похоже, что все есть...

Возможно, вы знаете способ проверки на работу функции получше, чем придумал я?

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

о, точно. Спасибо!
Теперь не придется лишний раз выполнять функцию для возврата переменной.

Экземпляров точно нет... :)
Это только копирование ссылки на объект.

Да и свойства те, не свойства функции... Это свойства объекта ссылка на который хранится в той же переменной, что и на функцию.

Хотя из первоисточника
http://javascript.ru/basic/functions#funkcii---obekty

Т.ч. свойства есть. :yes:

Но экземпляры делает только new или нечто аналогичное...

Кстати, не понятно как лучше: делать объект с функциями и потом использовать new или делать функции с замыканием - как выше... по сути выполняться будет someFunction.someMethod() и там и там...

function SomeFn() {
  this.someMethod = function() {
    alert("hi");
  };
}

var someFunction = new SomeFn;
someFunction.someMethod();

или

function someFn() {
  function sfn() {
    return;
  }

  sfn.someMethod = function() {
    alert("hi");
  }

  return sfn;
}

var someFunction = someFn();
someFunction.someMethod();

Это наверное больше философский вопрос...

Что есть "лучше"?
Например есть несколько вариантов реализации нужного тебе эффекта... Какой лучше?
- работает быстрее?
- текст реализации выглядит понятнее, симпатичнее?
- менее ресурсоемок?

По мне так это масло масляное... :)
1 объект/экземпляр и две переменные со ссылкой на него...

А тут четко создается объект/экземпляр класса SomeFn.

Ну не совсем, в "someFunction = someFn()" идет сначала выполнение someFn (так сказать подготовка), а потом присвоение результата - свежеиспеченный экземпляр функции...

О, точно. :yes:

Но с new оно как-то по коду лучше и явно представлено...

Минусы объекта:
- this. надо сохранять перед передачей в setTimeout
- при вызове метода из SetTimeout надо обрамлять в function(){ } // Решается добавлением "var savedThis = this;" в начало функции и последующем использовании savedThis вместо this. (не уверен в кроссбраузерности)

Пример:

function SomeFn() {
  this.info = "Если видно, значит инфо доступно";

  this.someShow = function() {
    var savedThis = this;
    setTimeout(function(){ alert(savedThis.info); }, 10);  // Если написать this.info, получим undefined
  };
}

var someFunction = new SomeFn;
setTimeout(function(){ someFunction.someShow(); }, 10); // Если написать setTimeout(someFunction.someShow, 10), получим undefined

PS: По скорости разницы с замыканием при тестах не заметил...

ExeiL, вот и думай что есть для тебя "лучше"... :)

Выбрал объект, т.к. разница между замыканием только в том, что он не возвращает при someFunction(); ибо [object Object], а не [object Function]...

Когда надо будет использовать функцию напрямую - замыкание, когда не надо - объект)