object(객체) method, this

JOUNG·2023년 2월 13일
0

javascript

목록 보기
3/9
post-thumbnail

메서드(method)란?

때로는 메소드라고 불리기도 하는 메서드는 어떤 객체가 가지고 있는 어떤 동작을 말한다.
언어마다 조금씩 의미가 다르긴 하지만 자바스크립트에서는 일반적으로 객체 안에 프로퍼티로 정의된 함수를 메서드라고 부른다.

method는 객체 안에 함수

const superman = {
	name : 'clark',
    age : 33,
    fly() {
    	console.log('날아갑니다.') //method
    }
}

기억하자! 화살표 함수는 this를 가지지 않는다.

화살표 함수는 일반 함수와는 달리 자신만의 this를 가지지 않음
화살효 함수 내부에서 this를 사용하면, 그 this는 외부에서 값을 가져 옴

.
.
.
.

let boy = {
	name : "Mike",
    showName : function(){
    	console.log(boy.name)
    }
};

boy.showName(); // "Mike"
let man = boy;
ma.showName();
man.name = "Tom"

console.log(boy.name) // "Tom"

실습 문제 풀이

1.pororo 객체에 뽀로로의 이름을 출력하는 method 추가하기
2.특정 객체의 height를 출력하는 showHeight()함수를 작성하고
pororo객체의 메소드로 추가 -> pororo의 키를 출력하기

function showHeight() {
	console.log(`키는 ${this.height}`);
}
const pororo = {
	name:"뽀로로",
    height:30,
    showName(){
    	console.log(`이름은 ${this.name} 입니다.`); //1번
    }
    showHight,
}
pororo.showName(); //이름은 뽀로로 입니다.
pororo.showHeight(); //키는 30 입니다.

0개의 댓글