> 웹 프론트엔드 > JS 튜토리얼 > comments_js 객체 지향을 사용한 자바스크립트 예제의 객체 생성

comments_js 객체 지향을 사용한 자바스크립트 예제의 객체 생성

WBOY
풀어 주다: 2016-05-16 18:10:53
원래의
1102명이 탐색했습니다.
JavaScript의 객체 생성 문:
var obj = {}; 또는 var obj = new Object()
객체에 속성 추가, 메서드:
//==== =첫 번째 작성 방법====================================

obj.name = 'Xiao Ming'; //객체에 속성 추가
obj.updateName = function(name){//객체에 대한 updateName 메서드 정의
this.name = name; Alert(obj.name);
obj.updateName("Xiaoqiang"); //obj 개체의 name 속성 값을 수정하려면
alert(obj['name']); 첫 번째 표시 결과: Xiao Ming
두 번째 표시 결과: Xiaoqiang
//======두 번째 쓰기 방법================= ========= ===========
obj['name'] = 'Zhang San'; //객체에 속성 추가
obj['updateName' ] = function(name){//객체 정의 updateName 메소드
obj['name'] =name
alert(obj.name)
obj.updateName('lee)思'); //updateName을 호출하여 obj 객체의 name 속성 값을 수정합니다.
alert(obj['name'])
첫 번째 표시 결과는 다음과 같습니다. Zhang San
두 번째 표시 결과는 다음과 같습니다. : 리시
//=== ==쓰기 세 번째 방법================================= ===
var obj = {
name: '王五', //객체에 속성 추가
updateName: function(name){//객체에 대한 updateName 메서드 정의
this .name = name;   
}
};
alert(obj .name)
obj.updateName("Zhao Liu"); //obj의 name 속성 값을 수정합니다. object
alert(obj .name);
처음 표시된 결과는: Wang Wu
두 번째로 표시된 결과는: Zhao Liu
//======분석==== ================== =================
첫 번째 작성 방법은 객체를 작성하는 가장 일반적인 방법입니다. , javascript는 Java 및 .Net과 달리 동적 언어이기 때문입니다.
프로그램이 실행 중일 때와 객체를 생성한 후 속성과 메소드를 추가하는 등 객체의 내부 구조를 수정할 수도 있습니다
Java 및 .net의 리플렉션 메커니즘은 이를 수행할 수 없습니다.)
(a): var obj = {} || new Object();
(b): obj.name = "Zhang San"
(c): obj.updateName = 함수(이름) { this.name = name};

프로그램이 실행되면(a) 빈 객체(메서드와 속성이 포함되지 않음)가 생성됩니다.
프로그램이 실행되면(b) 변경 obj의 내부 구조가 변경되고 속성 이름이 추가됩니다.
프로그램이 실행되면(c) obj의 내부 구조가 변경되고 updateName 메서드가 추가됩니다.
이러한 작업은 모두 완료됩니다. running

두 번째 작성 방법은 배열과 비슷하지만 확실히 배열이 아닙니다. 배열인지 구별하려면 다음과 같이 판단하면 됩니다.
if(typeof(obj.length ) == "정의되지 않음") {
alert(" obj는 배열이 아닙니다. 배열에는 길이 속성이 있습니다! ")
}else{
alert("obj는 배열입니다!"); >}
두 번째 작성 방법은 다음과 같은 데이터 구조와 비슷합니다. obj[key] = value
key는 문자열이고 value는 모든 유형, 변수, 객체, 함수 등이 될 수 있습니다. .
다음과 같은 방법으로 객체의 내부 구조를 탐색할 수 있습니다.
for(var key in obj)
{
alert(key)
var value = obj[key]
alert(값);
}

Alert를 통해 정의한 내용을 표시할 수 있습니다.

세 번째 작성 방법은 얼핏 보면 맵의 내부 구조입니다. 객체는 내부적으로 키:값 쌍으로 완전히 표현됩니다.
JSON 객체도 맵이나 JSON이면 이 구조를 갖습니다. 익숙한 것은 이해하기 쉽습니다.
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿