jQuery 데이터 캐시 data(이름, 값)_jquery에 대한 자세한 설명 및 구현
- WBOY원래의
- 2016-05-16 18:37:091015검색
프로그래머라면 '캐싱'을 언급하면 '클라이언트(브라우저 캐시)'와 '서버 캐시'를 쉽게 떠올릴 수 있습니다. 클라이언트 캐시는 브라우저 컴퓨터의 하드 드라이브, 즉 브라우저의 임시 폴더에 저장되는 반면, 서버 캐시는 서버의 메모리에 저장됩니다. 물론 일부 고급 응용 프로그램에는 전용 캐시 서버도 있으며, 데이터베이스를 사용한 캐싱 구현까지. 물론 이러한 내용은 이 기사의 범위를 벗어납니다. 이 기사에서 논의할 내용은 가장 널리 사용되는 JavaScript 프레임워크인 jQuery의 데이터 캐싱 구현 원리입니다. 이는 jQuery 버전 1.2.3부터 추가된 새로운 기능입니다.
1. jQuery 데이터 캐시의 역할
jQuery 데이터 캐시의 역할은 중국어 API에 다음과 같이 설명되어 있습니다. "요소의 데이터에 액세스하고 위험을 피하는 데 사용됩니다. 순환 참조." 이 문장을 어떻게 이해해야 할까요? 아래 예를 살펴보세요. 더 좋은 예가 있으면 알려주시기 바랍니다.
(1) 순환 참조의 위험이 있는 예(getDataByName(name) 메소드의 for in 문 참고):
코드 복사 코드는 다음과 같습니다.
Tom
마이크 "text/javascript" >
var userInfo = [
{
"name": "Tom",
"age": 21,
"phone": "020-12345678"
},
{
"이름": "마이크",
"나이": 23,
"전화": "020-87654321"
}]; function getDataByName(name)
{
for (var i in userInfo)
{
if (userInfo[i].name == name)
{
return userInfo[i] ;
break ;
}
}
}
function showInfoByName(name)
{
var info = getDataByName(name)
alert('name:' info.name 'n' 'age:' info.age 'n' 'phone:' info.phone)
}
(2) 예 순환 참조의 위험을 최적화합니다(이 예는 실제로 jQuery 캐시 구현 원칙과 유사합니다. 이 예의 초점은 이름이 객체 키와 직접 일치하도록 userInfo의 JSON 구조를 다시 작성하는 것입니다):
코드 복사 코드는 다음과 같습니다.
Tom