javascript - 我如何创建嵌套函数

Question

我正在尝试创建“嵌套函数”。但我似乎找不到解决方案!

const func1 = (value1) => {
  const func2 = (value2) => {
    console.log(value1 + value2)
  }
}

func1(2).func2(3)

我真正想要完成的是创建我自己的小“jQuery 函数”

const $ = (element) => {
  const addClass = (name) => {  
    const x = document.querySelectorAll(element);
    for (i = 0; i < x.length; i++) {
      x[i].className = name
    }
  }
}

$('#circle').addClass('nice')

Answer 1

我认为这个主题对于单个 SO 问题来说太宽泛了，但这里有一个非常简单的示例，说明如何做到这一点，以帮助您入门:

const $ = (selector) => {
  const items = document.querySelectorAll(selector);

  const self = {
    addClass: (name) => {
      for (let i = 0; i < items.length; i++) {
        items[i].classList.add(name);
      }

      return self;
    },
    removeClass: (name) => {
      for (let i = 0; i < items.length; i++) {
        items[i].classList.remove(name);
      }

      return self;
    }
  };

  return self;
}

$('#circle').addClass('nice').removeClass('bad');

.nice {
  color: green;
}
.bad {
  color: red;
}
.fancy {
  text-decoration: underline;
}

<div id='circle' class='bad fancy'>
  Hello
</div>