객체 호출 하기-객체 프로퍼티 접근 방법, 객체에서 메서드 호출, 속성 호출시 대괄호 연산자만 쓸 수 있는 경우-식별자로 사용할 수 없는 프로퍼티명을 사용하는 경우 , 변수의 값을 프로퍼티.

 

 

객체 호출 하기

·       객체 프로퍼티 접근 방법

·       객체에서 메서드 호출

 

 

객체 프로퍼티 접근 방법

 

구분	대괄호 표기법으로 접근	마침표 표기법으로 접근
표기법	[ ]	.
코드	member['name']	member.name
설명	·       객체명 뒤에 대괄호 안에 속성 이름을 적어 속성에 접근하는 방법 ·       접근하려는 프로퍼티 이름을 문자열 형태로 지정해야 합니다. ·       member[name]이라고 접근하면 'name' 프로퍼티에 해당되는 값이 아닌 undefined값이 출력됩니다. ·       대괄호 안에 접근하려는 프로퍼티의 속성은 문자열 형태로 작성되어야 하지만 자바스크립트 엔진는 []연산자 내에 숫자가 사용될 경우, 해당 숫자를 자동으로 문자열 형태로 바꿔주어 정상적으로 결과를 출력해 줍니다. ·       속성이름을 키워드 혹은 키워드를 포함한 내용을 사용했다면 반드시 대괄호 표기법을 사용해야 합니다.	·       java, C++과 유사 ·       객체명 뒤에 마침표를 찍고, 속성 이름을 적어 속성에 접근하는 방법 ·       대괄호 표기법보다 간단하고 읽기가 편해 일반적으로 마침표 표기법을 더 많이 사용합니다.

 

 

객체에서 메서드 호출

member.eat()

 

 

 

 

속성 호출시 대괄호 연산자만 쓸 수 있는 경우

·       식별자로 사용할 수 없는 프로퍼티명을 사용하는 경우 

·       변수의 값을 프로퍼티명에 사용하는 경우

 

 

식별자로 사용할 수 없는 프로퍼티명을 사용하는 경우 

obj = {'foo-bar':5};   //obj.foo와 bar의 뺄셈이라고 해석되어 에러가 발생 obj.foo-bar;   //[] 연산자를 사용해 문자열 값으로 지정 obj['foo-bar'];

 

 

변수의 값을 프로퍼티명에 사용하는 경우

var key = 'x';   //프로퍼티 x (프로퍼티 key가 아님) obj[key];