Форум

platedz · #21 (**permalink**) 24.08.2012, 11:51

for (var method in result)
result[method]=f.bind(topmenu, result[method]);
И эта тоже не очень понятна

platedz · #22 (**permalink**) 24.08.2012, 12:02

Вообще я сделал так

topmenu= (function(window) {
var elements = {};
var result={
  functio: function () {
    alert(elements);
  }

};
function f(callback) {
    Array.prototype.forEach.call(elements, callback);
    return this;
}
for (var method in result)
  result[method]=f.bind(topmenu, result[method]);
result.Sattr=function(name)
                {
                try{ elements = document.querySelectorAll(name);}catch(e){}
                      
                    return this;
                },
return result;
      
  
}(window));
  
topmenu.Sattr("div").functio();

Т.е. получается нужно сделать так чтобы functio вывела столько alert(элемент), сколько элементов.

Если бы код работал, то было бы проще его разобрать, а так я даже не понимаю где ошибка?

oneguy · #23 (**permalink**) 24.08.2012, 17:00

Нужно писать вместо

functio: function () {
    alert(elements);
  }

так:

functio: function (el) {
    alert(el);
  }

platedz · #24 (**permalink**) 24.08.2012, 22:19

Спасибо за ответ.
но
Так тоже не работает

topmenu = (function(window) {
var elements = {};
var result={
  functio: function (elements) {
    alert(elements);
  }

};
function f(callback) {
    Array.prototype.forEach.call(elements, callback);
    return this;
}
for (var method in result)
  result[method]=f.bind(topmenu, result[method]);
result.Sattr=function(name)
                {
                try{ elements = document.querySelectorAll(name);}catch(e){}
                      
                    return this;
                },
return result;
      
  
}(window));
  
topmenu.Sattr("div").functio();

oneguy · #25 (**permalink**) 26.08.2012, 19:38

Извиняюсь, я не раньше не тестировал этот код, а сейчас сделал это и оказались 2 ошибки:
1) запятая вместо точки запятой в 20-й строчке;
2) обращение к переменной topmenu идёт перед тем, как её определили (если вы её в другом месте не определили).
Так уже работает:

<!DOCTYPE html>
<html><head>
<meta http-equiv="Content-Type" content="application/xhtml+xml;charset=UTF-8" /><title></title>
</head>
<body>
<div></div>
<div></div>
<script>
var topmenu = (function(window) {
  var elements = {};
  var result={
    functio: function (elements) {
      alert(elements);
    }
  };
  function f(callback) {
    Array.prototype.forEach.call(elements, callback);
    return this;
  }
  for (var method in result)
    result[method]=f.bind(result, result[method]);
  result.Sattr=function(name)
                {
                try{ elements = document.querySelectorAll(name);}catch(e){}
                      
                    return this;
                };
  return result;
}(window));
  
topmenu.Sattr("div").functio();

</script>
</body>
</html>

platedz · #26 (**permalink**) 27.08.2012, 13:48

Спасибо большое. Буду разбираться. Еще бы от bind избавиться, раз он только под ie9. Читал, что его можно эмулировать, но пока не пробовал.

platedz · #27 (**permalink**) 27.08.2012, 16:12

Объясните пожалуйста, чем отличается эта запись

Array.prototype.forEach.call(elements, function(item){ alert(item); });

от этой

elements.forEach(function(item){ alert(item); });

Последняя возвращает

Object #<NodeList> has no method 'forEach'

melky · #28 (**permalink**) 27.08.2012, 17:58

потому что это разные типы.

Array и NodeList.

они имеют сходства внешне, но внутренне они различны.

platedz · #29 (**permalink**) 27.08.2012, 18:39

Спасибо за пояснение, но можно как-то поподробнее.
Насколько я понимаю forEach работает только с массивами.
При этом используя конструкцию Array.prototype мы преобразуем объект NodeList в массив. При этом не очень понятно, что же происходит на самом деле, и вообще очень плохо понимаю прототипы и как они работают.
И есть ли какая-нибудь разница между NodeList объектом и массивом состоящим из тех же элементов?

melky · #30 (**permalink**) 27.08.2012, 20:35

Сообщение от platedz

Array.prototype мы преобразуем объект NodeList в массив

нет. мы просто заимствуем метод у массива. А т.к. у NodeList есть свойство length, да и свойства пронумерованы от нуля, то forEach схавает его, как массив.

в forEach примерно такой код:

for (var i = 0; i < this.length; i++) {
    callback( this[i], i, this );
}

Сообщение от platedz

И есть ли какая-нибудь разница между NodeList объектом и массивом состоящим из тех же элементов

да - nodeList живой.
http://habrahabr.ru/post/121803/#comment_3985850

Форум

Справочник

Discord чат

Курсы javascript