개발

- 가장 큰 차이는 호이스팅(hoisting) 여부. - 호이스팅(hositing)이란 함수 선언문이 코드 맨 앞단에 작성된 것처럼 작동하는 자바스크립트(Javascript)의 특징을 의미. /* 함수 표현식과 함수 선언문의 예제1 */ world() // hello world function world() { console.log('hello world') } world() // hello world - 함수를 선언한 world가 코드 중간에 있음에도 맨 앞에서 호출한 world()는 에러 없어 정상적인 함수의 작동을 수행한다. - 함수의 호이스팅은 함수에 대한 선언을 실행 전에 미리 메모리에 등록하는 작업을 의미. - 호이스팅으로 인해 코드의 순서에 상관없이 정상적으로 함수를 호출할 수 있음. /* ..

Front-End/Javascript 2024. 4. 7. 17:21

- 다른 객체들에 일반적으로 적용 가능한 연산을 모두 지원하는 객체를 의미. - 자바스크립트(Javascript)에서 함수는 다른 함수의 매개변수, 반환 값, 할당도 가능하므로 일급 객체가 되기 위한 조건을 모두 갖추고 있음. - 자바스크립트(Javascript)에서 함수는 일급 객체. - 고차 함수란? : 2024.04.21 - [Front-End/Javascript] - 고차 함수

Front-End/Javascript 2024. 4. 7. 17:00

2. 함수 표현식(Function Expressions) - 코드를 봤을 때, 혼란을 방지하기 위해 할당하려는 함수의 이름을 생략하는 것이 일반적. /* 함수 표현식 예제1 */ const sum = function (a,b) { return a + b } sum(10, 10) //20 /* 함수 표현식 예제2 */ const sum = function reduce(a,b) { //callee는 arguments 객체의 속성입니다. // 그 함수의 몸통(body) 내에서 현재 실행 중인 함수를 참조하는 데 쓰일 수 있습니다. // 이는 함수의 이름을 알 수 없는 경우에 유용합니다, 가령 이름 없는 함수 식(또한 "익명 함수"라 함) 내에서. // 실제에서는 절대로 사용하지 말 것. //https://de..

Front-End/Javascript 2024. 4. 7. 16:50

1. 함수 선언문(Function Declarations) /* 함수 선언문 예제1 */ function add(a,b) { return a+b } - 자바스크립트(Javascript)에서 가장 일반적으로 사용하는 함수 선언 방식. - '표현식'이 아닌 '일반 문(statement)'으로 분류됨. - '표현식'이란 무언가 값을 산출하는 구문을 의미. 즉, 어떠한 값도 표현되지 않았으므로 '문(statement)'으로 분류 /* 함수 선언문 예제2 */ const sum = function sum(a,b) { return a+b } sum(10,10) //20 - 함수 선언문은 '선언'이며 어떠한 값도 표현하지 않으므로 표현식과는 달리 변수에 할당할 수 없는 것이 자연스럽지만 예제2의 코드는 'sum'이라..

Front-End/Javascript 2024. 4. 7. 16:49

1. 함수 선언문(Function Declarations) - 가장 일반적으로 사용하는 함수 선언 방식. 지정된 매개변수를 갖는 함수를 정의. 더보기 바로가기: https://devloper-jun.tistory.com/11 2. 함수 표현식(Function Expressions) - 표현식 내에서 함수를 정의하는 데 사용될 수 있음. 더보기 바로가기: https://devloper-jun.tistory.com/12 일급 객체란 바로가기: https://devloper-jun.tistory.com/13 함수 선언문과 함수표현식의 차이점 바로가기: https://devloper-jun.tistory.com/14 3. Function 생성자(Function Constructor) 더보기 바로가기: https..

Front-End/Javascript 2024. 4. 7. 16:48

- Javascript(이하 JS)에서 함수란 작업을 수행, 값 계산 등 이를 하나의 블록으로 감싸서 만들어 놓은 실행 단위. /* 함수의 기본적인 형태 */ function add(a,b) { return a + b } add(10, 10) // 20 - function으로 시작해서 '}' 부분까지가 함수를 정의한 부분. - function뒤에 오는 함수명, 입력값으로 받는 a,b를 매개변수, return은 반환값. - 해당 함수의 이름을 사용해 함수를 호출하는데 add뒤에 넘겨준 뒤의 2개의 값을 인수라고 한다. - 해당 예제코드를 보면 add라는 함수를 선언하고 a와 b라는 두개의 매개변수를 활용 return a,b를 반환하는 형태

Front-End/Javascript 2024. 4. 7. 16:25

즉시 실행 함수(Immeadiately Invoked Function Expresstion), IIFE. /* IIFE 예제 */ (function( (a,b) { return a+b })(10, 10) // 20 ((a,b) => { return a + b },)(10, 10) // 20 - 함수를 정의하고 그 순간 즉시 실행되는 함수를 의미하며, 단 한번만 호출되고 다시 호출할 수 없다. - 재호출이 불가능하기 때문에 일반적으론 함수에 이름을 붙이지 않는다. - 글로벌 스코프를 오염시키지 않는 독립적인 함수 스코프를 운용할 수 있다는 장점이 있으며, 함수 내부에 있는 값이 아니고서는 접근이 불가능하다. - 재호출되지 않는다는 점을 각인시킬 수 있어 리팩터링에 장점. - 단 한번만 실행되는 함수라면 I..

Front-End/Javascript 2024. 4. 7. 16:14