코딩 슬라임 공방

객체,메서드,프로퍼티 본문

HTML_CSS_JAVA SCRIPT 수업

객체,메서드,프로퍼티

Nixpluvia 2020. 5. 30. 18:56

객체

데이터와 데이터와 관련된 동작(기능)을 모두 포함할 수 있는 개념적 존재입니다.

객체는 property와 function으로 이루어져있습니다.

  • 데이터 : 이름과 값을 가지는 속성(property)
  • 동작 : 일련의 관련된 동작을 정의한 함수(function)

간단한 예로 설명하면

고양이는 하나의 객체입니다

그리고 객체의 안에는 이런 내용들이 들어 갈 수 있습니다.

이름: 나비

종류: 스포티쉬폴드

먹이: 참치캔

 

객체의 필요성

  • 관련있는 정보들을 모아놓기 위해서
  • 코드의 관리가 쉬워집니다.

객체안에 존재하는 메서드나 데이터들을 사용해서 작성하면

나중에 객체 안에 존재하는 메서드나 데이터를 수정하면 작성된 모든 내용을 바꿀 수 있기 때문입니다.

 

객체의 구조

var cat = {
	name: "나비",
    species: ["코숏","스포티쉬 폴드"]
    age: 3,
    ["cat eat"]: "참치캔",
    act: fuction() {
    	return "물건떨어트리기"
    }
}

객체에 정의된 "식별자"에 어떤것을 할당하느냐 에따라 property와 method로 나뉩니다.

식별자 : "자료형" - property입니다

식별자 : function(){} - method입니다

객체의 property란?

자료형의 종류 : 숫자, 문자열, boolean, 객체, 함수, undefined

함수를 제외한 자료형들을 property라고 부릅니다.

배열(array)도 사용 할 수 있습니다.

문자열을 사용할 때에는 ""로 감싸줘야합니다.

 

객체의 method(메서드)란?

객체에 속해있는 함수를 함수라고 부르지 않고 메서드/메소드라고 부릅니다.

var cat = {
    act: fuction() {
    	return "물건떨어트리기"
    }
}

프로퍼티 및 메소드 사용방법

일반 프로퍼티 사용방법

alert(cat.name);

문자열 프로퍼티 사용방법

alert(cat["cat eat"]);

메소드 사용방법

alert(cat.act());

참고사이트

Comments