JavaScript 객체(Object)

JavaScript 객체 이해

JavaScript의객체는 데이터 타입으로,이름과를 가리킵니다로 구성된 이름의 집합으로,이름: 값를 나타냅니다.

name：value 쌍은 문자열, 숫자, 보리어值(value)와 같은 모든 데이터 타입의 속성(함수를 포함하여)을 포함할 수 있습니다. 이는 객체에 포함된 함수입니다.

JavaScript의 객체는 독립적인 실체이며, 현실生活中的 객체와 비교할 수 있습니다.

예를 들어, 자동차는 이름과 색상과 같은속성또는 start(시작)과 stop(정지)와 같은메서드의 객체:

모든 자동차는 동일한속성하지만 각 자동차의 속성모든 값다르다.

모든 자동차는 동일한메서드하지만 이러한 방법은 다양한다른 기능를 의미합니다.

객체를 생성하십시오

객체는 JavaScript 데이터 타입입니다. 숫자나 문자열과 같은 데이터 타입과 마찬가지로 데이터 타입입니다. 데이터 타입으로서 객체는 변수에 포함될 수 있습니다.

JavaScript에서 객체를 생성하는 여러 가지 방법이 있습니다:

• 사용하여객체 상수대括号를 사용하여: {}

• 사용하여이 튜토리얼의 후반부에서는 다음을 논의할 것입니다그것은 new Object()를 사용합니다

• 또는 먼저 다음과 같은 것을 생성할 수 있습니다객체 구조 함수그런 다음 이 함수를 호출하는 객체를 구현합니다

이 예제에서는 다음과 같이 사용하겠습니다 객체 문자면량(object literal)문자面량이란 무엇인가요? 변수에 값을 할당할 때 사용되는 일반적인 값을 문자면량이라고 합니다

var　user　=　{firstName:"Vishal",　lastName:"Choudhary",　age:22,　location:"New　Delhi"};

一个对象定义可以跨越多行。

var　user　=　{
　　firstName:　"Vishal",
　　객체 정의는 여러 줄로 이루어질 수 있습니다.
　　lastName:　"Choudhary",　22,
　　age:
};

location:　"New　Delhi"이 튜토리얼의 후반부에서는 다음을 논의할 것입니다과객체 구조 함수를 의미합니다.

구조 함수

객체 속성

속성은 객체 내 이름과 값 사이의 관계이며, 어떤 데이터 타입을 포함할 수 있습니다.

속성은 일반적으로 객체의 특징을 의미합니다.

객체 속성 접근

• 객체 속성에 접근하는 방법이 두 가지가 있습니다:

• 점 표기법: .

괄호 기호: []user를 의미합니다.

원래 예제 객체를 다시 확인해 보겠습니다

user.firstName;

user["firstName"];

점号과 괄호는 자주 사용됩니다. 하지만, 점 표기법은 더 빠르고 읽기 쉽습니다.

객체 메서드

함수는 객체 속성 값으로 저장되며, 따라서 객체가 수행할 수 있는 작업입니다.함수 정의는 속성으로 저장됩니다를 의미합니다.

　　var　user　=　{
　　firstName:　"Vishal",
　　lastName　:　"Choudhary",
　　age　　:　22,
　　location　:　"New　Delhi",
　　getName　　:　function()　{
　　　return　this.firstName　+　"　"　+　this.lastName;
　　}
　　};

주의:메서드는 속성으로 저장된 함수입니다.

객체 메서드 접근

객체 메서드를 검색하려면, 일반 함수를 호출하는 것처럼 호출할 수 있습니다. 단, 객체 변수에 추가하세요.

user.getName();

() 를 사용하지 않고 메서드에 접근하면, 함수 정의를 반환합니다:

user.getName;

무엇인가요“this” 키워드？

나중에 우리의 메서드가 조금 이상하다는 것을 발견했을 수 있습니다. 이 예를 들어:

　　getName:　function()　{
　　　return　this.firstName　+　"　"　+　this.lastName;
　　}

this 키워드는 코드가 내부 현재 객체에 쓰인 것을 의미합니다-따라서 이 경우 this는user를 의미합니다.

다시 말해, this.firstName는이 객체의 firstName 속성입니다.

다음은JS this教程JS this 키워드그 키워드에 대한更多信息를 알아보세요.

언제나 객체를 사용해오셨습니다.

이러한 예제를 탐색하면서, 사용하고 있는 점표기가 매우 익숙하다는 생각이 들었을 것입니다. 그 이유는 전체 튜토리얼에서 그것을 사용했기 때문입니다.

내장 JavaScript 객체를 사용하여 예제를 순회할 때마다.

다음과 같이 문서 객체 모델에 접근할 때:

　　document.write("Hello world");
　　document.getElementById("para");

당신이 사용하고 있는Document클래스 예제에서 사용할 수 있는 메서드. 각 로드된 웹 페이지에 대해 하나의Document예시로,document그것은 전체 페이지의 구조, 내용 및 기능(예: URL)을 대표합니다. 마찬가지로, 이는 여러 가지 일반적으로 사용되는 메서드가 사용 가능하다는 것을 의미합니다/속성.

new 키워드

JavaScript 키워드 new를 사용하여 변수를 선언할 때, 해당 변수는 객체로 생성됩니다:

　　var a = new Number();　　//　Number 객체로 a를 선언하십시오
　　var b = new String();　　//　String 객체로 b를 선언하십시오
　　var c = new Boolean();　　　//　Boolean 객체로 c를 선언하십시오

사용을 피하십시오String，Number과Boolean객체는 코드를 복잡하게 하고 실행 속도를 줄일 수 있습니다.

이 튜토리얼의 후반부에서 객체에 대한更多信息을 알게 될 것입니다.