Latest web development tutorials
×

JavaScript 코스

JavaScript 코스 JavaScript 간략한 소개 JavaScript 용법 JavaScript 수출 JavaScript 문법 JavaScript 문 JavaScript 주의 JavaScript 변수 JavaScript 데이터 유형 JavaScript 사물 JavaScript 기능 JavaScript 범위 JavaScript 행사 JavaScript 현 JavaScript 운영자 JavaScript 비교 JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript 형식 변환 JavaScript 정규 표현식 JavaScript 오류 JavaScript 디버깅 JavaScript 변수 리프트 JavaScript 엄격 모드 JavaScript 부적절한 사용 JavaScript 폼 인증 JavaScript 예약 키워드 JavaScript JSON JavaScript void JavaScript 코드 사양

JS 기능

JavaScript 함수 정의 JavaScript 함수 인수 JavaScript 함수 호출 JavaScript 클로저

JS HTML DOM

DOM 간략한 소개 DOM HTML DOM CSS DOM 행사 DOM EventListener DOM 요소

JS 고급 자습서

JavaScript 사물 JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp 사물

JS 브라우저 BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript 대중적인 JavaScript 시간 제한 이벤트 JavaScript Cookies

JS 창고

JavaScript 창고 JavaScript 테스트 jQuery JavaScript 테스트 Prototype

JS 예

JavaScript 예 JavaScript 객체 인스턴스 JavaScript 브라우저 객체 인스턴스 JavaScript HTML DOM 예 JavaScript 개요

JS 참조 설명서

JavaScript 사물 HTML DOM 사물

자바 스크립트 객체

자바 스크립트 객체 데이터는 속성과 메소드가 있습니다.


실제 개체, 속성 및 방법

실제 생활에서 자동차는 객체입니다.

개체 등의 방법 무게와 색상, 시작, 중지 등의 특성이 있습니다 :

사물 재산 방법

car.name = 피아트

car.model = 500

car.weight = 850kg

car.color = 흰색

car.start ()

car.drive ()

car.brake ()

어디로가는거야? 내리 겠어 ()

모든 자동차는 이러한 속성을 가지고 있지만 각 차량의 특성이 다릅니다.

모든 자동차는 이러한 방법이 있지만,이 실행되는 시간이 다릅니다.


자바 스크립트 객체

자바 스크립트에서, 거의 모든 것이 객체입니다.

주의 자바 스크립트에서 객체는 객체를 이해할 때, 당신은 자바 스크립트를 배울 수있는 매우 중요하다.

당신은 할당 자바 스크립트 변수를 배웠습니다.

변수 차를위한 다음 코드는 값 "피아트"로 설정 :

VAR 자동차 = "피아트";

개체 가변이지만 목적은 복수의 값 (다중 변수)을 포함 할 수있다.

var에 차 = {유형 : "피아트 "모델 : 500, 색상 : "흰색"};

위의 예에서, 가변 차에 세 값 ( "피아트"500 "백색").

위의 예에서, 가변 차에 세 개의 변수 (타입, 모델, 컬러).

주의 자바 스크립트 객체는 변수의 컨테이너입니다.


개체 정의

당신은 정의하고 자바 스크립트 객체를 생성하기 위해 문자를 사용할 수 있습니다 :

var에 사람 = {firstName을 "존 "과 lastName "미상", 연령 : 50, eyeColor : "파란색"};

»시도

맞춤 자바 스크립트 객체는 여러 줄에 걸쳐있을 수, 줄 바꿈과 공간이 필요하지 않습니다 :

var에 사람 = {
firstName을 "존",
이 lastName "미상"
나이 : 50,
eyeColor : "파란색"
};

»시도


개체 속성

당신은 "자바 스크립트 객체 변수의 컨테이너입니다."말할 수

그러나, 우리는 통상 "JavaScript 오브젝트가 컨테이너에 중요하다."라고 생각

(콜론으로 구분 된 키 값) 값 : 키 - 값 쌍은 보통 이름으로 기록됩니다.

자바 스크립트 객체에 키 - 값 쌍은 일반적으로 객체 속성이라고합니다.

주의 자바 스크립트 오브젝트는 컨테이너 변수 특성이다.

유사한 표현에 개체 키 :

  • PHP의 연관 배열
  • 사전에 파이썬
  • C 언어 해시 테이블
  • 자바 해시 맵
  • 루비와 펄 해시 테이블

액세스 개체 속성

두 가지 방법으로 개체 속성에 액세스 할 수 있습니다 :

예 1

person.lastName;

»시도

예 2

사람 [ "이 lastName"];

»시도


개체 방법

이 방법은, 기능 오브젝트를 정의하고, 물체의 속성으로서 저장된다.

(함수로) () 호출을 추가하여 개체 방법.

개체 fullName의 () 메소드를 액세스하는 사람의 예 :

() = person.fullName 이름;

»시도

당신은 함수에 의해 반환 된 문자열로 정의 된 대상자 전체 이름 속성을 액세스하려면 :

= person.fullName 이름;

»시도

주의 자바 스크립트 객체는 컨테이너의 속성과 메서드입니다.

다음 튜토리얼에서 당신은 지식의 기능, 속성 및 메서드에 대한 자세한 내용을 배울 것입니다.


액세스 방법 개체

당신은 객체 메소드를 만들려면 다음 구문을 사용할 수 있습니다 :

methodName로 : 함수 () {코드 라인}

당신은 객체 메소드에 액세스하려면 다음 구문을 사용할 수 있습니다 :

objectName.methodName ()

특성으로 사람 개체, fullName의와 같이 일반적으로 fullName의 () 메소드.

자바 스크립트 객체를 생성, 사용, 수정하는 방법에는 여러 가지가 있습니다.

속성과 메소드를 생성, 사용, 수정하는 다양한 방법이있다.

주의 다음 튜토리얼에서는 지식의 대상에 대한 자세한 내용을 배울 것입니다.


더 많은 예제

나는 자바 스크립트 객체를 생성

자바 스크립트 객체를 생성 II

액세스 개체 속성 I

액세스 개체 속성 II

접근하는 방법으로 함수 특성

속성 액세스 등의 기능 속성