在JavaScript中引用CSS變量，可以通過以下步驟實(shí)現(xiàn)：

1、定義CSS變量：在CSS中定義變量，可以定義一個(gè)名為--color-primary的變量，并為其賦值。

2、應(yīng)用CSS變量：將定義的變量應(yīng)用到HTML元素的樣式中，可以使用color: var(--color-primary)來設(shè)置元素的文本顏色。

3、獲取CSS變量值：在JavaScript中，可以通過window.getComputedStyle()方法來獲取元素的樣式信息，其中包括變量值，可以獲取--color-primary的值。

4、使用CSS變量值：一旦獲取了變量的值，就可以在JavaScript中使用它，可以將其賦值給JavaScript變量或用于其他計(jì)算。

需要注意的是，由于JavaScript和CSS分別屬于不同的技術(shù)棧，因此它們之間的交互可能受到一些限制，JavaScript無法直接修改CSS變量的值，但可以通過操作DOM元素來間接影響變量的應(yīng)用。

為了確保在不同瀏覽器和環(huán)境下都能正確地引用CSS變量，建議在實(shí)際開發(fā)中多加測試和調(diào)試，也可以參考一些在線資源和文檔來學(xué)習(xí)和了解更多關(guān)于JavaScript和CSS交互的知識。