자바스크립트120 [Javascript] 인수 함수에서 사용되는 인수에 대해 조금 더 다룰려고 합니다. function 함수명(인수){ } 0. 실인수와 가인수 인수는 존재 위치에 따라 두가지 이름으로 불립니다. 실인수는 호출하는 함수의 인수, 가인수는 함수 정의에 사용된 인수를 의미합니다. function 함수명(가인수){ } 함수명(실인수); 1. 디폴트값 선언하기 다음과 같은 형식으로 인수에 디폴트값을 선언할 수 있습니다. function 함수명(인수=디폴트값){ } 디폴트값을 설정하여 함수 내부에서 추가적으로 인수에 대입하는 과정이 사라져 간결한 함수를 만드는데 도움을 줍니다. 디폴트값에는 값 뿐만이 아니라 다른 함수, 인수, 식 등을 넣어서 이용할 수 있습니다. 다만, 디폴트값을 가진 인수과 그렇지 않은 인수를 혼합해서 사용할 경우에는 디폴.. 2021. 2. 26. [Javascript] 스코프, 호이스팅 스코프는 변수가 스크립트 내부의 어떤 위치에서 참조될 수 있는가에 대한 것입니다. 자바스크립트는 세가지 경우의 스코프를 가지고 있습니다. 1. 스크립트 내부 어디에서든 참조가 가능한 글로벌 스코프 2. 정의되어있는 함수 내부에서만 참조가 가능한 로컬 스코프 3. 블록 내부({})에서만 참조가 가능한 블록 스코프 스코프 개념은 변수 선언과 밀접한 연관이 있기때문에 변수 선언이 헷갈린다거나 하면 아래 포스트를 참조합시다. 2021/01/28 - [Programming/Javascript] - [Javascript] 변수 선언과 명명 규칙 1. 글로벌 스코프 글로벌 스코프는 어떤 함수 내부에도 들어가있지 않도록 되어있게 선언된 스코프이다. 더 간단히 하면 함수 외부에 선언된 변수라고도 할 수 있습니다. 2. .. 2021. 2. 25. [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. 이전 1 ··· 13 14 15 16 17 18 19 20 다음 300x250
