JavaScript是一種常用的腳本語言，主要用于Web開發中的動態交互效果。而ES6（ECMAScript 6）則是JavaScript的一種新版本，也稱為ES2015。

ES6相較于JavaScript而言，提供了更多新的特性和語法糖，使得開發者可以更加方便地編寫高效且易于維護的代碼。

以下是JavaScript與ES6之間的幾個區別：

1. 聲明變量的方式

var a = 1;
let b = 2;
const c = 3;

在ES6中，新增了let和const兩種聲明變量的方式，其中let聲明的變量可修改，而const聲明的變量不可修改。

2. 箭頭函數

// ES5
function add(a, b) {
return a + b;
}
// ES6
const add = (a, b) => a + b;

ES6中引入了箭頭函數，相較于ES5的函數聲明方式更加簡潔，同時也有更加方便的this綁定。

3. 解構賦值

// ES5
var a = 1,
b = 2,
c = 3;
// ES6
const [a, b, c] = [1, 2, 3];

ES6新增了解構賦值的語法，可以更加方便地從數組或對象中提取出變量。

4. 模板字符串

// ES5
var name = 'John';
var message = 'Hello, ' + name + '!';
// ES6
const name = 'John';
const message =Hello, ${name}!;

ES6中引入了模板字符串的語法，可以在字符串中使用變量和表達式，同時也提供了將多行字符串直接寫在一起的方式。

5. Promise

// ES5
function fetchData(url) {
return new Promise(function (resolve, reject) {
var request = new XMLHttpRequest();
request.open('GET', url);
request.onload = function () {
if (request.status === 200) {
resolve(request.response);
} else {
reject(Error(request.statusText));
}
};
request.onerror = function () {
reject(Error('Network Error'));
};
request.send();
});
}
// ES6
function fetchData(url) {
return fetch(url)
.then(function (response) {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.catch(function (error) {
console.log('There was a problem with the fetch operation:', error);
});
}

ES6中引入了Promise的語法，可以更加方便地處理異步操作。相較于ES5中使用回調函數的方式，Promise使得異步處理更加易于理解和維護。

總結

JavaScript與ES6相比，ES6提供了更多新的特性和語法糖，使得開發者可以更加方便地編寫高效且易于維護的代碼。但是，ES6的語法不是所有瀏覽器都完全支持，因此在實際開發中需要注意兼容性問題。