şunları ekle

const $ = document.querySelector.bind(document);
const $$ = document.querySelectorAll.bind(document);

artık document.querySelector('.deyisken') yerine $('.deyisken') şeklinde kullanabilirsin.
birden fazla elemanı seçmek içinde $$('.links') şeklinde kullanıp döngüye sokabilirsin.

Örnek;

<h3>prototurk.com</h3>

<script>
    const $ = document.querySelector.bind(document);
    $('h3').style.backgroundColor = 'red'
</script>

function $(selector , scope = document){
let elem = scope.querySelectorAll(selector);
if(elem.length > 1) return [...elem];
return elem[0];
};

Bu fonksiyon isine yarar.
Daha fazla bilgi icin https://www.youtube.com/watch?v=dF7Anwm6gUc&ab_channel=PROTOTURK

Hocam Dediğinizi Doğru Anladıysam jQuery Çoklu Seçiyor Normal Sizin Kullandığınız İse Tek Bir Elemanı Seçiyor

Çözüm

const degisken = document.querySelectorAll("degisken"); // querySelectorAll Çoklu Seçerkeln querySelector Tek Eleman Seçer

Bunların Hepsini Konsola Yazırmak İçinde

document.querySelectorAll("degisken").forEach(eleman => console.log(eleman));

// veya

[...document.querySelectorAll("degisken")].map(eleman => console.log(eleman));

Eğer sorunu doğru anladıysam bir fonksiyon oluşturman lazım.

<div class="kutu">Kutunun yazısı</div>
<p class="paragraf">paragraf yazısı</p>
<button onclick="myFunction();">Tıkla</button>

function myFunction(){  

//---ana fonksiyon--- 
  let $ = function(name){
    let className = document.querySelector(name);
    return className;
  }
//---ana fonksiyon---  

//---örnek---  
 $(".kutu").style.color="red";  
 $(".paragraf").style.color="blue"; 
//---örnek---  
  
}

Merhaba ,

Script tagleri içinde

function $(v){
    return document.querySelector(v)
} 

fonksiyonunu sayfanıza eklediğinizde $('.degisken') şeklinde seçebilirsiniz.

degisken classındaki tüm elementleri seçmek istiyorsan document.querySelectorAll('.degisken') kullanmalısın.