jQueryデータキャッシュ data(name, value)_jqueryの詳しい説明と実装

プログラマとして「キャッシュ」というと、すぐに「クライアント (ブラウザ キャッシュ)」と「サーバー キャッシュ」を思い浮かべるでしょう。クライアント キャッシュはブラウザのコンピュータのハード ドライブ、つまりブラウザの一時フォルダに保存されますが、サーバー キャッシュはサーバーのメモリに保存されます。 もちろん、一部の高度なアプリケーションには専用のキャッシュ サーバーもあります。データベースを使用したキャッシュの実装も含まれます。もちろん、これらはこの記事の範囲外です。この記事で説明するのは、最も人気のある JavaScript フレームワークである jQuery のデータ キャッシュの実装原理です。これは、jQuery のバージョン 1.2.3 以降に追加された新機能です。
1. jQuery データ キャッシュの役割
jQuery データ キャッシュの役割は、中国語 API では次のように説明されています。「要素上のデータにアクセスし、要素のリスクを回避するために使用されます。循環参照」。この文をどのように理解すればよいでしょうか。以下の例を見てください。もっと適切な例があれば教えてください。
(1) 循環参照のリスクのある例 (getDataByName(name) メソッドの for in ステートメントに注意してください):

コードをコピー コードは次のとおりです:

Tom
マイク
<スクリプト タイプ= "text/javascript" >
var userInfo = [
{
"name": "トム",
"年齢": 21,
"電話": "020-12345678"
},
{
"名前": "マイク",
"年齢": 23,
"電話": "020-87654321"
}]; function getDataByName(name)
{
for (var i in userInfo)
{
if (userInfo[i].name == name)
{
return userInfo[i] ;
ブレーク ;
}
}
}
関数 showInfoByName(name)
{
var info = getDataByName(name); info.name 'n ' age:' info.age 'n' 'phone:' info.phone);
}



(2) 例循環参照のリスクを最適化します (この例は、実際には jQuery キャッシュの実装原理に似ています。この例の焦点は、名前がオブジェクト キーに直接対応するように userInfo の JSON 構造を書き換えることです):

コードをコピーします コードは次のとおりです:

トム

マイク