최신 웹 개발 튜토리얼
 

JavaScript사물


실제 생활 개체, 속성 및 메서드

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

자동차는 무게와 색상 등의 속성, 시작 및 정지 등의 방법이있다 :

목적 속성 행동 양식

car.name = Fiat

car.model = 500

car.weight = 850kg

car.color = white

car.start()

car.drive()

car.brake()

car.stop()

모든 자동차는 같은 특성을 가지고 있지만, 속성 값은 차에서 차에 차이가 있습니다.

모든 자동차 같은 방법이 있지만, 방법은 상이한 시간에 수행된다.


자바 스크립트 객체

당신은 이미 자바 스크립트 변수는 데이터 값의 컨테이너이라는 것을 배웠습니다.

이 코드는 간단한 값 할당 (Fiat) 라는 변수에 차 :

var car = "Fiat";
»그것을 자신을 시도

개체가 너무 변수입니다. 그러나 개체가 많은 값을 포함 할 수 있습니다.

이 코드는 많은 값 할당 (Fiat, 500, white) 라는 변수에 차 :

var car = {type:"Fiat", model:"500", color:"white"};
»그것을 자신을 시도

쌍 (이름과 콜론으로 구분 된 값) 값은 이름으로 기록됩니다.

자바 스크립트 객체는 이름 값에 대한 컨테이너입니다.


개체 속성

이름 : (자바 스크립트 객체에서) 값 쌍은 속성이라고합니다.

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

재산 속성 값
firstName John
lastName Doe
age 50
eyeColor blue

개체 방법

방법은 개체에 대해 수행 할 수있는 작업입니다.

방법은 함수 정의와 같은 속성에 저장됩니다.

재산 속성 값
firstName John
lastName Doe
age 50
eyeColor blue
fullName function() {return this.firstName + " " + this.lastName;}

자바 스크립트 객체는 속성이나 메서드라는 이름 값에 대한 컨테이너입니다.


개체 정의

당신은 객체 리터럴과 자바 스크립트 객체를 정의 (만들) :

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
»그것을 자신을 시도

공백과 줄 바꿈은 중요하지 않습니다. 객체 정의는 여러 줄에 걸쳐있을 수 있습니다 :

var person = {
    firstName:"John",
    lastName:"Doe",
    age:50,
    eyeColor:"blue"
};
»그것을 자신을 시도

개체 속성 액세스

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

objectName.propertyName

또는

objectName["propertyName"]

예 1

person.lastName;
»그것을 자신을 시도

예 2

person["lastName"];
»그것을 자신을 시도

개체 방법 액세스

다음 구문을 사용하여 객체 메소드에 액세스 :

objectName.methodName()

name = person.fullName();
»그것을 자신을 시도

당신이 액세스하는 경우 fullName 없이 재산을 () ,이 함수 정의를 반환합니다 :

name = person.fullName;
»그것을 자신을 시도

Object로서 문자열, 숫자 및 부울을 선언하지 마십시오!

자바 스크립트 변수가 키워드로 선언하면 "new" 변수가 개체로 만들어집니다 :

var x = new String();        // Declares x as a String object
var y = new Number();        // Declares y as a Number object
var z = new Boolean();       // Declares z as a Boolean object

문자열, 숫자 및 부울 물체를 피하십시오. 그들은 당신의 코드를 복잡하게하고 실행 속도를 느리게.

나중에이 튜토리얼에서 개체에 대한 자세한 내용을 배울 것입니다.


연습으로 자신을 테스트!

연습 1» 운동 2» 운동 3»