在網頁中，cookies是一種非常重要的數據存儲方式。它可以讓開發者在客戶端計算機上存儲臨時數據，以方便后續的操作，如用戶的登錄狀態、網頁的主題選擇等。本文將詳細介紹JavaScript如何讀取cookies。

首先，我們來看一個簡單的例子：假設我們已經在客戶端計算機上存儲了一個名為“username”的cookies，以下就是讀取該cookies的JavaScript代碼：

var username = getCookie("username");
function getCookie(name) {
var cookies = document.cookie.split("; ");
for (var i = 0; i< cookies.length; i++) {
var cookie = cookies[i].split("=");
if (cookie[0] == name) {
return cookie[1];
}
}
return "";
}

以上代碼定義了一個名為getCookie的函數，它的作用就是從所有cookies中查找指定名稱的cookie，并返回它的值。當然，以上代碼并不足以直接使用，因為document.cookie屬性返回的數據是以分號和空格分隔的字符串，內部包含了所有cookies的名稱及其值。所以，我們必須要對這個字符串進行解析，才能獲得具體的cookie值。

除了上述的方式外，還有另外一種比較常用的讀取cookies的方式，它使用了JavaScript內置的RegExp類型。以下是它的代碼：

var username = getCookie("username");
function getCookie(name) {
var cookies = document.cookie.split("; ");
var re = new RegExp(name + "=([^;]*)");
var value = re.exec(cookies);
return (value != null) ? unescape(value[1]) : null;
}

以上的代碼首先將document.cookie字符串分割成各個具體的cookies，接著使用正則表達式查找指定名稱的cookie，并返回它的值。需要注意的是，值可能會被編碼為了適應cookie的參數格式。因此，我們需要使用unescape函數將其解碼。

除了以上兩種方式，還有許多如讀取全部cookies、設置有效期等特殊情況需要考慮。總體來說，JavaScript提供了豐富的API來操作cookies，讓我們能夠簡單、便捷地實現各種數據存儲的需求。