在使用 forEach 迭代节点列表时，如何使用 ONLY 绑定而不是调用?

Question

我是Javascript编程的新手，所以请解释一下我可以在这里使用绑定吗？此菜单的灵感来自YouTube上的左侧菜单。单击菜单标签和图标时，主菜单出现在下方，菜单图标滑向右侧，而标签向上滑动。要关闭菜单，需要再次单击菜单图标。

var menu = (function() {
function initiate() {
//[].slice.call I used by using call but i want to to by binding and I am not able to do.
[].slice.bind(null, document.querySelectorAll('.menu')).forEach(function(element, i) {
var titleclick = el.querySelector('div.d-striker'),
striker.addEventListener('click', function(event) {
if (!open) {
el.className += ' dr-menu-open';
open = true;
}
}, false);
icon.addEventListener('click', function(event) {
if (open) {
event.stopPropagation();
open = false;
el.className = el.className.replace(/bdr-menu-openb/, '');
return false;
}
}, false);
}
initiate();
})();

<div class="side">
<nav class="menu">
<div class="d-striker">
<span class="d-icon dr-icon-menu"></span><a class="dr-label">Account</a>
</div>
<ul>
<li><a class="d-icon dr-icon-user" href="#">icon</a></li>
<li><a class="d-icon dr-icon-cam" href="#">Videos</a></li>
<li><a class="d-icon dr-icon-download" href="#">Downloads</a></li>
<li><a class="d-icon dr-icon-settings" href="#">Settings</a></li>
</ul>
</nav>
</div>

Answer 1

bind()返回一个绑定函数，但您需要调用该函数才能获取forEach所需的数组。添加括号以调用函数。

[].slice.bind(null, document.querySelectorAll('.menu'))().forEach(function(element, i) {
^^