javascript 학습노트(8) javascript object_basic 지식

1. JavaScript의 내장 객체
JavaScript의 자체 내장 객체 외에도 다음과 같은 객체가 있습니다.
•배열
•Date 메서드: stringObject.splite(); arrayObject.concat(); ....

2. 객체를 사용자 정의하고 속성 및 메서드를 추가하는 방법

a. new 키워드를 사용하여



을 만듭니다. 코드 복사

코드는 다음과 같습니다. var newObject = new Object() //새 클래스 생성newObject.name = "new object"; //이름 속성 추가newObject.say = function() { //say() 메소드 추가 alert(this.name); //새 객체 출력

}

위 생성 방법에 대해 JSON( JavaScript Object Notation) 방법을 사용하면 다음과 같은 코드로 축약됩니다.

코드 복사

코드는 다음과 같습니다. var newObject = { name: "new object" say: function () { alert(this.name );

}

};


JSON 데이터 형식을 사용하여 보다 복잡한 개체를 만듭니다.

코드 복사

코드는 다음과 같습니다: var company = { name: "tuanzz", product: "groupon", address: {지방: "후베이", 도시: "우한"},

사람:[

{이름: "zhangchen", 나이: "23"},
{이름: "luomi", 나이: " 23"},
],
readme: function() {
alert ("내 이름은 " this.person[0].name " 및 " this.person[0].age " 세입니다. ");
}
};
company.readme(); / /output 제 이름은 zhangchen이고 23세입니다.


객체의 코드를 볼 수 있습니다. JSON 데이터 형식을 사용하여 생성된 제품은 보기에도 매우 우아할 뿐만 아니라
JSON 형식은 중괄호 "{}"로 묶인 항목 목록이며, 각 항목은 쉼표 ","로 구분되며, 항목은 콜론 ":"으로 구분된 속성 이름과 속성 값입니다. 이는 전형적인 사전 표현이며 JavaScript의 객체가 사전 구조임을 다시 한 번 보여줍니다. 아무리 복잡한 객체라도 JSON 코드로 생성하고 할당할 수 있습니다.
b. 생성자를 통해 객체 생성

코드 복사

코드는 다음과 같습니다. function objectFun(name) { this.name = name; this.say = function() { alert(this.name)

}

}
var newObject = new objectFun("zhangchen");
newObject.say(); //output zhangchen


먼저 속성과 메서드를 정의하는 새 objectFun() 함수를 만듭니다. objectFun 클래스(JavaScript의 함수는 객체임)를 만든 다음 new를 통해 객체를 인스턴스화합니다. newObject 객체에도 상위 클래스의 속성과 메서드가 있습니다.
다음 코드를 사용하여 함수가 실제로 객체인지 감지할 수 있습니다.

코드 복사

코드는 다음과 같습니다. 다음: //일반 함수 function say(s) { alert(s) }

say("hi"); /함수 개체에 속성 할당, function 개체입니다

say.test = "it can work?"
alert(say.test); //output it can work? 🎜>위의 객체 생성 방법을 어떻게 이해하나요? 다음 코드를 살펴보겠습니다.




코드 복사


코드는 다음과 같습니다.

function objectFun (이름) {

this.name = 이름; this.say = function() { alert(this.name) } } var newObject = 새 객체 (); / /빈 객체 생성objectFun.call(newObject, "zhangchen"); //이 매개변수로 newObject를 사용하여 objectFun 함수 호출

newObject.say("zhangchen");//output zhangchen

먼저 newObject 객체를 생성하고 newObject를 이 매개변수로 사용하여 objectFun 함수를 호출합니다. 많이 말했지만, 우리는 objectFun을 생성자로 완전히 사용할 수 있습니다.
---------------------------------- --- ---------------------------------- --- -------------------
나머지 내용은 Li Zhan이 작성한 JavaScript 이해를 참조하세요.