Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Цепочки вызовов (https://javascript.ru/forum/misc/4403-cepochki-vyzovov.html)

Riim 19.07.2009 18:34

Цитата:

Сообщение от Octane
Есть еще такой вариант:

Функции будут создаваться при каждом вызове F.

Octane 19.07.2009 18:57

Цитата:

Сообщение от Riim
Функции будут создаваться при каждом вызове F.

Ну и что, вариант то имеет право на жизнь. Да и использование конструктора тоже затратный процесс, еще не известно, что быстрее выполнится в данном случае. Тем более сама рассматриваемая цепочка:
F(10).plus(5).minus(3)

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

Riim 19.07.2009 19:02

Цитата:

Сообщение от Riim
Функции будут создаваться при каждом вызове F

На самом деле это легко исправить ;) .

Цитата:

Сообщение от Octane
вариант то имеет право на жизнь

Более того, в некоторых случаях это единственный вариант.

x-yuri 19.07.2009 19:19

Цитата:

Сообщение от Riim
var F = function(x) {
return {
plus: function(y) {
x += y;
return this;
},
minus: function(y) {
...
Он плох тем, что при каждом вызове F создается новый объект, тем самым забивается память браузера.

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

Riim 19.07.2009 19:24

Цитата:

Сообщение от x-yuri
я бы сказал, объект создается в любом случае, а в этом варианте для каждого объекта создается отдельный "экземпляр" каждого метода

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

leprosus 10.08.2009 17:33

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

Давайте разберём вот такой пример:

dom("some_id").append("u").text("some text");

пускай код найдёт объект добавит тэг U и добавит текст.

Octane 10.08.2009 18:35

Да тут все просто :)
function F(node) {
   this.node = node;
}

F.prototype = {
   append: function(arg) { 
      return new F(this.node.appendChild(typeof arg == "string" ? document.createElement(arg) : arg));
   },
   text: function(str) {
      if(typeof str == "undefined") return this.node.innerText || this.node.textContent;
      this.node.innerHTML = "";
      this.node.appendChild(document.createTextNode(str));
      return this;
   }
};

function dom(arg) {
   return new F(typeof arg == "string" ? document.getElementById(arg) : arg);
}


Не могу не прорекламировать в этой теме :D Цепочки вызовов в JavaScript-фреймворке js-core

leprosus 11.08.2009 02:44

Цитата:

Сообщение от Octane (Сообщение 26379)
Не могу не прорекламировать в этой теме :D Цепочки вызовов в JavaScript-фреймворке js-core

Тогда встречный вопрос:
Как всё это сделать в рамках одной функции, как в js-core, не разделяя на function F() и function dom() ?

Octane 11.08.2009 03:39

В js-core, вместо второй функции, рекурсия добавлена, пример будет выглядеть следующим образом:

function dom(arg) {
   if(this.dom) return new dom(typeof arg == "string" ? document.getElementById(arg) : arg);
   this.node = arg;
}
 
dom.prototype = {
   append: function(arg) { 
      return new dom(this.node.appendChild(typeof arg == "string" ? document.createElement(arg) : arg));
   },
   text: function(str) {
      if(typeof str == "undefined") return this.node.innerText || this.node.textContent;
      this.node.innerHTML = "";
      this.node.appendChild(document.createTextNode(str));
      return this;
   }
};

dom(document.body).append("h1").text("It works!");


Используется тот факт, что одна и таже функция может вызываться явным образом и в конструкторе. При вызове явным образом this указывает на window, так определяем, что нужно рекурсивно вызвать эту же фунции в конструкторе с тем же аргументом.

YISHIMITSY 13.03.2010 20:51

Octane,
2-й пример почему-то не работает...


Часовой пояс GMT +3, время: 01:08.