JavaScript 세 가지 대상 을 만 드 는 방법

JavaScript 에서 대상 의 생 성 은 다음 과 같은 몇 가지 방식 이 있 습 니 다.(1)내 장 된 대상 사용(2)JSON 기호 사용(3)사용자 정의 대상 구조 1,내 장 된 대상 JavaScript 를 사용 할 수 있 는 내 장 된 대상 은 두 가지 로 나 눌 수 있 습 니 다.1.JavaScript 언어 원생 대상(언어 급 대상),예 를 들 어 String,Object,Function 등 입 니 다.2.자 바스 크 립 트 실행 기의 숙주 대상(환경 숙주 대상),예 를 들 어 window,document,body 등.우리 가 말 하 는 내장 대상 을 사용 하 는 것 은 자 바스 크 립 트 언어 원생 대상 의 구조 방법 을 통 해 새로운 대상 을 실례 화 하 는 것 을 말한다.예 를 들 어

 
var str = new String("     String"); 
var str1 = "     String"; 
var func = new Function("x","alert(x)");//     func 
var o = new Object();//       Object 

2.JSON 기호(i)를 사용 하면 JSON 이 무엇 입 니까?JSON(JavaScript Object Notation)은 JavaScript 대상 의 이름 으로 경량급 데이터 교환 형식 으로 읽 기와 쓰기 쉽 고 해석 과 생 성 이 용이 합 니 다.자 바스 크 립 트 프로 그래 밍 언어,Standard ECMA-262 3rd Edition-December 1999 의 하위 집합 을 기반 으로 한다.JSON 은 언어 에 완전히 독립 된 텍스트 형식 이기 때문에 데이터 교환의 이상 적 인 형식 이 된다.JSON 은 JavaScript 의 하나 로 서 ActionScript,C,C\#,ColdFusion,E,Java,JavaScript,ML,ObjectiveCAML,Perl,PHP,Python,Rebol,Ruby,Lua 등 일련의 언어 를 지원 하여 JSON 을 Ajax 개발 의 최 우선 방안 으로 만 들 었 다.JSON 은 두 가지 구축 방식 이 있 는데 하 나 는 간단 한'키/값 쌍'의 집합 으로 서로 다른 언어 에서 대상,기록,구조,사전,해시 표,키 목록 또는 관련 배열 등 으로 이해 되 고 다른 하 나 는 질서 있 는 값 목록 을 사용 하 며 대부분 언어 는 이 를 배열 로 이해한다.자주 사용 하 는 생 성 방식 은 첫 번 째 입 니 다.즉,'키/값 쌍'집합 형식 을 사용 합 니 다.이런 형식 에서 한 대상 은'{'(왼쪽 괄호)로 시작 하여'}'(오른쪽 괄호)로 끝난다."이름"뒤에":"(콜론),"키/값"쌍"을 사용 합 니 다."(쉼표)로 구 분 됩 니 다.JSON 은 다음 과 같은 특징 을 가지 고 있 습 니 다.(1)간단하게 포맷 된 데이터 교환;(2)사람들의 읽 기와 쓰기 습관 이 쉽다.(3)기계 의 분석 과 운행 이 용이 하 다.자 바스 크 립 트 에 서 는 JSON 이 대상 으로 이해 된다.문자열 형식의 JSON 을 통 해 데 이 터 를 자 바스 크 립 트 독점 으로 편리 하 게 해석 하고 데 이 터 를 읽 어 전달 할 수 있 습 니 다.JSON 을 통 해 자 바스 크 립 트 대상 이 매개 변수 로 계열 화 할 수 없 는 문 제 를 어느 정도 고객 지원 했다.1.간단 한 JSON{name:"유덕화",age:"25",sex:"남"}2.JSON 값 의 유형 JSON 의 값 은 간단 한 데이터 형식 일 수 있 습 니 다.예 를 들 어 숫자,부동 소수점,문자 등 일 수도 있 고 배열 과 대상 일 수도 있 습 니 다.예 를 들 어 그룹 을 mem으로 입력 한 JSON:{member:[{name:"유덕화"},{name:"곽 부 성"},{name:"장 학 우"},{name:"여명"}}}}}}{book:[{name:삼 국 연의},{name:"서유기"},{name:"수호 지"},{name:"수수호전"},{name:"홍루몽"},aut:[{이름:"나 관중"},{이름:"나 관중"},{이름:"오 승 은"},{이름:"시 네 안",{이름:"조 설근"}},{이름:"조 설근"}}}}}}}}}}}}}}}}}{이름:"나 관중 중"{이름:"오}3,JavaScript 에서 JSON JSON 을 사용 하 는 것 은 JavaScript 원생 형식 입 니 다.이것 은 JavaScript 에서 JSON 데 이 터 를 처리 할 때 특별한 API 나 공구 꾸러미 가 필요 하지 않다 는 것 을 의미 합 니 다.JavaScript 는 기본적으로 JSON 을 대상 으로 처리 합 니 다.대상 을 하나의 변수 에 전달 합 니 다.예 를 들 어

 
var somebooks = { 
book:[{name:"    "},{name:"   "},{name:"   "},{name:"   "}], 
author:[{name:"   "},{name:"   "},{name:"   ",{name:"   "}}] 
} 

JSON 의 모든'키'는 대상 의 속성 에 해당 합 니 다.예 를 들 어 북 의 첫 번 째 항목 을 방문 하면 자 바스 크 립 트 에서'somebooks.book[0].name'을 간단하게 사용 하여'삼 국 연의'라 는 값 을 얻 을 수 있 습 니 다.우 리 는 JSON 문자열 을 대상 으로 바 꿀 수 있 을 뿐만 아니 라,반대로 하나의 대상 을 JSON 문자열 로 컴 파일 하여 자 바스 크 립 트 의 대상 전송 을 편리 하 게 할 수 있다.예 를 들 어

 
var Animals = new Object(); 
Animals.name = "dog"; 
Animals.sex = "Male"; 
Animals.age = "2"; 

Animals 대상 은 직렬 로 전송 되 지 않 고 Animals 대상 을 JSON 문자열 로 바 꿉 니 다.즉,"{name:"dog",sex:"Male",age:"2"}"입 니 다.이렇게 하면 이 JSON 문자열 을 HTTP 가 요청 한 매개 변수 로 전달 하여 Animals 대상 을 직렬 화 전송 하 는 목적 을 달성 합 니 다.(ii)JSON 은 자바 스 크 립 트 의 대상 을 문자열 로 표현 합 니 다.예 를 들 어

 
var myObject = {nickname:"my girlfried",name:"big pig"}; 

JSON 은 실제 적 으로 자바 스 크 립 트 대상 과 문자열 간 에 상호 전환 을 실현 하 는 프로 토 콜 을 충당 했다.JSON 의'외모'는 단 촌 의 문자열 로 볼 수 있 기 때문에 JSON 은 자 바스 크 립 트 의 대상 전송 에 일정한 역할 을 할 수 있다.예 를 들 어 대상 strObject 를 문자열 로 변환 하여 전송 하고 목적지 에 도달 한 후에 eval 방법 으로 대상 으로 복원 합 니 다

 
function test (o) 
{ 
alert (o.name) 
} 
var strObject = '{nickname:"my girlfriend",name:"big pig"}'; 
test (eval("(" + strObject + ")")); 

3.사용자 정의 대상 구 조 는 고급 대상 구 조 를 만 드 는 두 가지 방식 이 있 습 니 다.'this'키워드 구 조 를 사용 하고 원형 prototype 구 조 를 사용 합 니 다.예 를 들 어

 
//  this              
function Girl() 
{ 
this.name = "big pig"; 
this.age = 20; 
this.standing; 
this.bust; 
this.waist; 
this.hip; 
} 

//  prototype 
function Girl(){} 
Girl.prototype.name = "big pig"; 
Girl.prototype.age = 20; 
Girl.prototype.standing; 
Girl.prototype.bust; 
Girl.prototype.waist; 
Girl.prototype.hip; 
alert(new Girl().name); 

상례 에서 두 가지 정 의 는 본질 적 으로 차이 가 없고 모두'Girl'대상 을 정의 하 는 속성 정보 이다.'this'와'prototype'의 차 이 는 주로 속성 접근 순서 에 있다.예 를 들 어

 
function Test() 
{ 
this.text = function() 
{ 
alert("defined by this"); 
} 
} 
Test.prototype.test = function() 
{ 
alert("defined by prototype"); 
} 
var _o = new Test(); 
_o.test();//  “defined by this” 

방문 대상 의 속성 이나 방법 은 원형 체인 prototype chain 을 검색 하 는 규칙 에 따라 진행 된다.먼저 자신의 정적 속성,방법 을 찾 은 다음 에 구조 문맥 의 접근 가능 한 속성,방법 을 찾 고 마지막 으로 구조의 원형 체인 을 찾 습 니 다."this'와'prototype'이 정의 하 는 또 다른 차이 점 은 속성의 점용 공간 이 다르다 는 것 이다."this"키 워드 를 사용 합 니 다.예제 가 초기 화 될 때 모든 인 스 턴 스 에 포 함 된 모든 속성,방법 에 필요 한 공간 을 열 고"prototype"정 의 를 사용 합 니 다."prototype"은 실제 적 으로 부모 급 을 가리 키 는 인용 이기 때문에 데이터 의 사본 일 뿐 초기 화 및 저장 에 있어 서"this"보다 자원 을 절약 합 니 다.