[JS]객체프로퍼티와 메소드

📍객체에 함수 담는 법

 

 

coworkers라는 객체에 showAll이라는 메소드를 넣고싶다하면?
showAll은 함수니까 function이 쓰인다.

coworkers.showAll = function(){                              } 이 코드는  function showAll(){ } 과 똑같은 함수라고 보면된다.

함수를 정의할 때 

1.
var showAll = function(){

}

 

2.
function showAll(){

}

둘은 똑같다.


다시 내용으로 돌아와서, showAll 이라는 함수에 저 내용을 넣는다.

-  showAll하면 모든 coworkers에 있는 각각의 데이터들을 interate해서 화면에 출력하는 것.

 

 

 

 

마지막으로

coworkers.showAll();

이 코드를 적고 웹을 실행시키면

 

 

▼아래와 같이 출력된다.

 

 

 

하지만 이것은 좋은 방법은 아니다.

 

 

 

만약, var coworkers 에서 이 coworkers라는 이름이 아래 코드에 불러오는 코드들로 많이 쓰였기 때문에

이 객체의 이름이 바뀌면 못가져온다. 

 

그럴땐
showAll이라는 함수 안에서  coworkers를 this로 바꿔주면 된다.

그리고 출력값은 똑같이 나온다.

-  this : 자기 자신을 가리키기 때문에 영향 X.

 

 

 

 

 

showAll 조차 coworkers에 소속된 데이터이기 때문에 showAll도 화면에 출력이 된 것.

이 부분을 지우려면 if문에서 showAll을 제외한다 라는 함수가 필요하다.
(이건 지금 현재 중요하지 않기때문에 일단은 알아만두자)




[정리]
객체(coworks)에 소속된 변수(showAll)의 값으로 함수(  function(){}  )를 지정할 수 있고
객체에 소속된 함수(메소드)를 만들 수 있다. ===> coworkers.showAll();
객체에 소속된 변수를 프로퍼티라고 부른다. (bookkeeper , designer 등등...)