자바스크립트 함수6 [Javascript] function 명령과 Function 명령/함수 리터럴 study-repo를 만들면서 함수에 대한 내용들이 부족하다고 느끼게 되어 2~3개의 포스트에서 함수에 대한 내용을 다시 다뤄보려고 합니다. function 명령과 Function 명령/함수 리터럴은 작동시 동작에서 차이점을 보입니다. 이번 포스트에서는 이들이 어떤식으로 동작하는지 그 차이점을 분석해보려고 합니다. 1. function 명령 우선 function 명령에 대해 알아보겠습니다. function 명령에 의한 함수 선언을 다시 살펴보면 다음과 같습니다. function(인수, ...) { } 다음과 같은 코드를 생각해봅시다. 일반적인 프로그래밍 사고에 따르면 아래의 코드는 에러를 내보내야합니다. 왜냐하면 함수가 먼저 호출되고 그 이후에 선언/정의 되었기 때문입니다. 하지만 실행해보면 정삭적으로 .. 2022. 1. 14. [Javascript] 사용자 정의 함수 4 - 애로우 함수 사용자 정의 함수의 정의법 그 마지막 애로우 함수입니다. 애로우함수는 ES2015부터 추가된 새로운 기능입니다. 애로우 함수는 완전히 새로운 방법은 아니고 함수 리터럴을 간단하게 표현하게 할 수 있도록 만들어준 방식입니다. 애로우 함수의 기본적인 구문은 다음과 같습니다. (인수)=> { 함수 본체 } 익명 함수에서 비롯되었기 때문에 마찬가지로 함수명이 따로 없고 function명령 대신 =>(애로우)를 통해 인수와 함수의 본체를 이어줍니다. let addNumber = function(num1, num2) { return num1 + num2; } console.log("합계: " + addNumber(1, 2)); 이렇게 표현되던 익명 함수 리터럴을 let addNumber = (num1, num2) .. 2021. 2. 24. [Javascript] 사용자 정의 함수 3 - 함수 리터럴 (익명 함수) 리터럴은 변수에 저장되는 데이터의 값 또는 그 값의 표현 방법입니다. 2021/01/29 - [Programming/Javascript] - [Javascript] 자바스크립트의 자료형 자료형 포스트에서 참조형에 함수가 있었는데 그 내용을 지금 다루게되었습니다. 자바스크립트에서는 함수도 데이터형의 하나로 간주하여, 함수를 리터럴 자체로 표현하고, 변수에 함수를 대입하고, 다른 함수의 인수로 전달하고, 반환값으로 함수를 건네주는 행위가 가능합니다. 리터럴 선언은 다음과 같이 선언합니다. let addNumber = function(num1, num2) { return num1 + num2; } console.log("합계: " + addNumber(1, 2)); 선언부에 보면 그동안 나왔던 '함수명(인수).. 2021. 2. 24. [Javascript] 사용자 정의 함수 2 - Function생성자 두번째 방법인 Function 생성자를 이용한 방법입니다. Function 생성자는 자바스크립트에 내장된 객체입니다. 내장 객체는 사용자가 정의하는 것이 아닌 자바스크립트에 포함되어 어디서나 사용가능한 객체이며, 이는 객체에서 다시 다루겠습니다. 주의점은 function명령과 다르게 앞이 대문자 'F'로 시작한다는 것을 주의해야합니다. 기본적인 사용방법은 다음과 같습니다. let 변수명 = new Function(인수, 함수의 본체); 소괄호에 인수와 함수의 본체가 같이와서 조금 난해해 보이지만, 인수가 여러개라면 여러개를 콤마로 늘어놓고, 마지막에 함수의 본체를 기입하는 방식입니다. let addNumber = new Function('num1', 'num2', 'return num1+num2'); c.. 2021. 2. 24. [Javascript] 사용자 정의 함수 1 - function명령 지난 포스트에서 소개한 4가지 사용자 정의 함수 정의법 중 하나인 function 명령을 소개합니다. function명령은 가장 기본적인 정의 방법입니다. function 함수명(인수) { } 제어 구문에서 한 줄 코드는 중괄호의 생략이 가능했지만 함수에서는 한 줄 짜리 명령이어도 중괄호를 생략할 수 없습니다. 정의된 함수는 다음과 같이 호출하게 됩니다. 함수명(인수); 인수가 없다면 인수는 생략이 가능하지만 함수명 뒤에붙는 소괄호는 생략이 불가능합니다. function addNumber(num1, num2) { return num1 + num2; }//예시1 두 수를 더하는 함수 console.log("두 수의 합: " + addNumber(1, 2)); function getSquareArea(wid.. 2021. 2. 24. [Javascript] 함수, function 1. 함수 함수란 어떤 입력을 받으면 결과를 돌려주는 구조이다. 간단히 말해서 어떤 기능을 수행해주는 블록이라고 생각할 수 있습니다. 이 함수들은 자바스크립트에서 제공하기도 하고(메소드 라고 하는 클래스 함수 등) 사용자가 직접 정의해서 사용할 수 있습니다. 2. 함수의 선언 방법 함수의 선언에는 크게 네가지 방식이 있습니다. 1. function 명령 2. Function 생성자 3. 함수 리터럴 표현 4. 애로우 함수 각 선언 방법에 대해서는 해당포스트 들에서 다루고 지금은 네가지 방법이 존재한다고 아시면 됩니다. 3. 함수의 기본 구조 함수는 보통 다음과 같은 구성을 갖습니다. 함수명(인수) { 반환값; } 함수명은 말그대로 함수를 사용하기 위한 함수의 이름이며 다음과 같은 기본 규칙을 가지고 명명.. 2021. 2. 24. 이전 1 다음 300x250
