js 함수 표현식 관련

Question

이렇게 쓰는걸 함수 표현식이라 하는지는 모르겠지만..let testFunc &#61; {aaa : function(){},bbb : function(){}}이런식으로 함수 여러개를 할당해서 testFunc.aaa 같이 쓰는걸 본적이 있는데이 방법을 써도 되는지, 장점이 무엇인지 알 수 있을까요?

보름 · Accepted Answer

실무에 들어가면 대부분의 자바스크립트 코드는 객체 안에 들어갑니다.지금까지 경험한 프로젝트에서 서점에 있는 코드 처럼 객체없이 자바스크립트를 작성하는 경우는 보지 못했습니다.그럴 수 밖에 없는 이유가 있습니다.제 경험에 의하면 모든 경우 마이플랫폼이나 넥사크로와 같은 폼 도구를 사용하는 경우가 아닌 HTML로 화면을 디자인하는 경우메뉴를 선택하면 새로운 브라우져가 뜨는게 아니고메인창 안에 탭으로 선택한 메뉴의 화면이 추가됩니다.그러면 각각의 화면이 탭으로 추가될 수 밖에 없겠죠?그런 경우 어느 화면에서 변수 하나를 선언 한다고 가정해 보세요.그 변수를 그냥 선언하면 그 변수와 동일한 변수를 다른 탭에서 또 선언하면 어떤 문제가 생길지 예측이 가능합니다.당연히 변수끼리 충돌하여 예측하지 않은 값이 들어갈 수 있습니다.그래서 각각의 메뉴마다 화면 ID가 정해지고모든 스크립트는 화면 ID를 id로 하는 객체 안에서 작성되어야 합나다.즉, SCR001이라는 화면과 SCR002라는 화면이 있고화면에는 SCR001화면과 SCR002라는 화면이 각각의 탭에 있다고 가정하면자바스크립트는 어떻게 작성되어야 변수끼리 출돌없이 원할하게 실행될까요?document전체 소스코드를 보면 대충 아래와 같이 코드가 작성되어야 할 것입니다.이런 식으로 스크립트가 구성되어야 서로간의 충돌이 없겠죠?그렇다면 각각의 화면에서 사용하는 함수도 아래와 같이 작성되어야 할 것입니다.이렇게 되어야 fn_search()fmf 호출하더라도 어느 회면의 fn_search()인지 명확하겠죠.이렇게요.그리고 하나의 화면안에서도 여러 구역(DIV)로 나뉘어지는 경우라도 마찬가지입니다.예를들어 상단에 조회조건을 입력하는 영역이 있고그 아래 결과를 보여주는 테이블이나 그리드가 있다고 가정하면이런 형태의 구조가 만들어 져야겠죠.그럼 각각의 영역에 필요한 함수들도 그 안에 만들어져야 할 것입니다.또는일렇게 구성하다 보면 최종적으로는 아래와 같은 구조가 될껍니다. 이제 이해가 되시나요?제가 경험하지 못한 HTML을 사용하는 모든 프로젝트도 다 이럴것 같은데요.물론 실제 프로젝트에 들어가면 전 화면의 영역까지 이런 구조를 만드려 하지만다른 분들은 이렇게 까지는 하지 않는 경우가 대부분이고그렇게까지 하는건 개발자 취향이거나 개발표준에 따라서 다르겠죠.어쨋건 화면 만큼은 이렇게 구조가 만들어져야 정상적인 실행이 됩니다.그리고 이런 구조를 우리는 학교, 학원, 책, 유투브, 블로그등에서 객체지향이라고 배웠을껍니다.

Ⓜ️Z계발자(ENFP) · Answer

그냥 객체에 함수를 넣은거고, 분야에 따라서 많이 씁니다 ㅋ보통 SPA에서 콜백으로 많이 쓰죠 onClick이나 onDelete 라던가 ㅋ장점은 유즈 케이스에 따라 추구하는 바가 다른거라 일일히 설명하긴 어렵고, 써도 될까요? 에 대한 대답은 써도 되죠.근데 타입 힌트는 주세요 ㅋ

심심하다능! · Answer

사칙연산하는 함수들을 cal이라는 하나의 객체에 담아서 cal.plus() 형식으로 호출하려는 거죠. key-value형태의 객체라고 보면 됩니다.

js 함수 표현식 관련

3개의 답변

기술 목록