[js]자바스크립트 기본편 - 메소드(method)

Hello_Wendy·2022년 5월 27일
0

html/css/js

목록 보기
10/12
post-thumbnail

자바스크립트 기본

method(메소드): 객체 프로퍼티로 할당된 함수

const superman = {
	name : 'clark',
    age : 33,
    fly : function(){ //fly() { 로 작성가능
    	console.log('날아갑니다.')
     }
}

superman.fly(); //함수 호풀하면, 날아갑니다. 라고 출력

메서드 작성 시 this의 역할

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

let man = boy; //객체는 하나고, boy와 man으로 접근가능
man.name = "Tom"

console.log(boy.name) //"Tom" 출력
let boy = {
	name : 'Mike',
    showName : function() {
    	console.log(boy.name)
    }
};

let man = boy; //객체는 하나고, boy와 man으로 접근가능
boy = null;

man.shoName(); //에러 발생. name에 이름이 없다고 뜸

이럴경우 ! 

let boy = {
	name : 'Mike',
    showName : function() {
    	console.log(tihs.name) //메서드의 this는 해당객체를 가리킴
    }
};

let man = boy; //객체는 하나고, boy와 man으로 접근가능
boy = null;

man.shoName(); //"Mike" 출력됨
profile
안녕 나의 새로운 세상

0개의 댓글