我如何創建嵌套功能

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>