>웹 프론트엔드 >JS 튜토리얼 >javascript object- Oriented_js 객체 지향 시작의 기본 사항에 대한 자세한 소개

javascript object- Oriented_js 객체 지향 시작의 기본 사항에 대한 자세한 소개

WBOY
WBOY원래의
2016-05-16 17:50:16955검색
객체란 무엇인가요

간단히 말하면 프로그래밍 언어의 객체는 현실의 사물을 단순화한 것입니다. 예를 들어 사람은 객체이지만 프로그래밍 언어로는 이러한 복잡한 객체를 완벽하게 설명하기가 어렵습니다. 따라서 우리는 단순화를 해야 합니다. 먼저 사람들을 속성과 행동의 조합으로 단순화한 다음 프로그램에 의미 있는 몇 가지 속성과 행동만 유지해야 합니다. 예를 들어, 특정 학교에 다니는 사람들의 키를 세는 프로그램을 만들면 이 프로그램에서 사람들의 행동을 생략하고 행동만 유지하며 키 속성만 유지할 수 있습니다. 이런 식으로 우리는 가장 간단한 객체를 얻습니다.

JavaScript 문자열 객체

객체 속성
사실 우리는 이미 HTML DOM에서 객체를 사용한 적이 있습니다. 예를 들어, DOM 노드에는 nodeName, nodeType 등과 같은 일부 정보가 있다는 것을 알고 있습니다. 실제로 이 정보는 노드 개체의 속성입니다. 객체의 속성을 살펴보기 위해 문자열을 예로 들어보겠습니다.

문자열 속성
var s = "7개의 문자가 있습니다."; 문자열 s를 정의한 후에는 문자열 객체가 있고 해당 길이 속성(length)에 액세스할 수 있습니다. 우리가 정의하는 것은 내장된 속성입니다. 접근 방법은 다음과 같습니다.

s.length 아래 버튼을 클릭하시면 문자열의 길이를 보실 수 있습니다.

alert(s.length)
문자열 개체의 메서드(동작)
마찬가지로 개체에도 동작이 있을 수 있습니다. 문자열 개체를 예로 들면 문자열이 특정 항목으로 반환되도록 할 수 있습니다. 문자나 단어를 배치하는 것은 동작입니다. 뒷면의 버튼을 이용하면 문자열의 다양한 속성과 방식을 간단하게 경험할 수 있으며, 각 방식의 사용법은 이 글의 마지막 부분에서 자세히 설명하겠습니다.

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

>

배열 객체

JavaScript 배열 만들기
코드 복사 코드는 다음과 같습니다.




JavaScript 배열 코드 예시

다음은 간단한 내용입니다. 배열의 JS 코드를 사용하면 뒤에 있는 버튼을 클릭하여 각 변수의 값을 관찰할 수 있습니다.
코드 복사 코드는 다음과 같습니다.