JavaScript中的常量是指在程序执行期间不会改变其值的变量。常量和变量的区别在于，常量一旦被赋值就无法更改。通常情况下，常量声明时必须被赋予一个初始值，否则会报错。

常量在JavaScript中扮演着非常重要的角色。举个例子，当我们需要使用圆周率这个常数时，就可以定义一个PI常量：

const PI = 3.14159;

我们可以通过这种方式将PI这个常数引入我们的代码中，方便我们在不同的场合下使用。比如我们需要计算圆的周长：

const PI = 3.14159;
const r = 2;
const circumference = 2 * PI * r;
console.log(circumference); // 12.56636

通过这种方式，我们可以保证PI这个常量的值不会在程序执行期间改变，从而避免了在代码执行过程中误改这个常数的值，导致我们的计算结果出错的问题。

常量除了可以用来存储常数之外，还可以用来存储引用。比如我们可以使用常量来引用页面上的某些元素：

const navList = document.querySelector('.nav-list');
const searchInput = document.querySelector('.search-input');
const btn = document.querySelector('.btn');

在这个例子中，我们使用const关键字定义了三个常量，分别用来引用页面上具有.nav-list、.search-input和.btn类名的元素。这样我们就可以在代码中方便地引用这些元素，比如给按钮添加点击事件：

const navList = document.querySelector('.nav-list');
const searchInput = document.querySelector('.search-input');
const btn = document.querySelector('.btn');
btn.addEventListener('click', function() {
navList.classList.toggle('hide');
searchInput.focus();
});

通过这样的方式，我们就可以在代码中方便地引用这些元素，并且在代码执行过程中保证这些元素的引用不会被误改。

总之，在JavaScript中使用常量可以让我们提高代码的可读性和可维护性，避免在程序执行过程中误改常数或引用的对象，从而降低代码出错的可能性。