我如何创建嵌套功能

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>