자바스크립트 객체

실생활에서의 Objects, Properties 및 Methods

실생활에서 car는 object입니다.

car는 weight 및 color 속성(properties)이 있고, start 및 stop과 같은 methods(행동양식)가 있습니다:

Object Properties Methods

car.name = Fiat

car.model = 500

car.weight = 850kg

car.color = white


car.start()

car.drive()

car.brake()

car.stop()

모든 car는 동일한 properties을 갖지만, 속성값(property values)은 자동차마다 다릅니다.

모든 cars는 동일한 methods가 있지만, methods는 다른 시간에 수행됩니다.


자바스크립트 객체(JavaScript Objects)

자바스크립트 변수(variables)는 데이터 값의 컨테이너 입니다.

이 코드는 car라는 변수(variable)간단한 값 ()를 할당합니다:






객체(Objects)도 변수(variables)입니다. 그러나 객체는 많은 값을 포함할
수 있습니다.

이 코드는 car라는 variable많은 값 (Fiat, 500, white)을 할당합니다:


값은 name:value 쌍(콜론으로 구분된 name과 value)으로 작성합니다.


객체 속성(Object Properties)

name:values 쌍 (자바스크립트 objects안에서)은 속성(properties)이라고 합니다.


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

객체 메소드(Object Methods)

Methods는 객체(objects)에서 수행되는 actions입니다.

Methods는 함수 정의(function definitions)로 properties에 저장됩니다.

Property Property Value
firstName John
lastName Doe
age 50
eyeColor blue
fullName function() {return this.firstName + " " + this.lastName;}

객체 정의(Object Definition)

하나의 자바스크립트 객체(object)는 하나의 object literal로 정의(생성)합니다:

Example

자바스크립트 Object 생성.




개체 속성 액세스(Accessing Object Properties)

다음 두 가지 방법으로 액세스할 수 있습니다:


objectName.propertyName

또는


objectName["propertyName"]

Example1


Example2



객체 메소드 액세스(Accessing Object Methods)

다음 구문을 사용하여 객체 메소드(object method)에 액세스합니다:


objectName.methodName()

Example


If you access a () 없이 메소드(method)에 액세스하면, 함수 정의(function definition)를 반환할 것입니다:

Example



Strings, Numbers 및 Booleans를 객체(Objects)로 선언하지 마십시오!

자바스크립트 변수(variable)가 키워드 "new"와 함께 선언되면, 그 변수는 객체(object)로 생성됩니다:


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

String, Number, and Boolean 객체(objects)를 피하십시오. 코드가 복잡해지고 실행속도가 느려집니다.

Leave a comment