자바스크립트 객체지향 Object(Object)_js 객체지향

자바스크립트의 객체 생성 문:
var obj = {}; 또는 var obj = new Object()
객체에 속성 추가, 메서드:
//=====첫 번째 작성 방법= ==================================
obj.name = '샤오밍' // 객체 속성 추가
obj.updateName = function(name){//객체에 대한 updateName 메소드 정의
this.name = name
}
alert(obj.name); >obj.updateName ("Xiaoqiang"); //updateName을 호출하여 obj 객체의 name 속성 값을 수정합니다.
alert(obj['name'])
처음으로 표시되는 결과는 다음과 같습니다. Ming
두 번째로 표시된 결과는 ：Xiaoqiang
//======두 번째 쓰기 방법==================== ================ ==
obj['name'] = 'Zhang San'; //객체에 속성 추가
obj['updateName'] = function(name){//객체에 대한 updateName 메서드 정의
obj[ 'name']
}
alert(obj.name)
obj.updateName;思'); //updateName을 호출하여 obj 객체의 name 속성 값을 수정합니다
alert (obj['name'])
결과가 처음 표시되는 경우: Zhang San
두 번째 결과가 표시됩니다: Li Si

코드 복사 코드는 다음과 같습니다:

// ======글쓰기 세 번째 방법====================================
var obj = {
name: '王五', //객체에 속성 추가
updateName: function(name) {//객체에 대한 updateName 메소드 정의
this.name = name; 　
}
};
alert(obj .name);
obj.updateName("Zhao Liu") / /obj 개체의 이름 속성 값을 수정하려면
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 메소드가 추가됩니다.
이러한 작업은 모두 실행 시간 동안 완료됩니다. 두 번째 작성 방법은 배열과 비슷하지만 확실히 배열이 아닌지 구별하려면 다음과 같이 판단하면 됩니다.

코드 복사 코드는 다음과 같습니다.

if(typeof(obj.length) == "undefine") {

alert("obj is 배열이 아니고 배열에는 길이 속성이 있습니다!");
}else{
alert("obj는 배열입니다!");
}


두 번째 방법은 쓰기는 데이터 구조와 유사합니다. 예: obj[key] = value;

key 문자열이며 값은 모든 유형, 변수, 객체, 함수 등이 될 수 있습니다.
이런 방법으로 개체의 내부 구조를 탐색할 수 있습니다.

코드 복사 코드는 다음과 같습니다.

for(var key in obj)

{
alert(key);
var value = obj[key]
alert(value); 🎜>

Alert는 사용자가 정의한 콘텐츠를 표시할 수 있습니다.
세 번째 작성 방법은 언뜻 보기에 맵의 내부 구조입니다. 객체는 내부적으로 키:값 쌍으로 완전히 표현됩니다.
JSON 객체도 맵이나 JSON에 익숙하다면 이 구조를 갖습니다. 객체 이해하기 쉽습니다.