본문 바로가기

javascirpt4

[Javascript] 명명된 인수 이번에 소개할 방식은 명명된 인수입니다. 명명된 인수는 함수를 호출할 때 이름을 명시할 수 있는 인수를 말합니다. 1. 명명된 인수 명명된 인수는 서론에서 이야기 한 대로 함수를 호출할 때 이름이 명시가능한 인수를 말합니다. 실제 사용예를 보면 다음과 같이 인수를 객체형으로 전달되는 인수들을 명명된 인수라고 이야기합니다. getSum({ num1: 10, num2: 100 }); 그럼 객체 리터럴로 전달하는 명명된 인수에는 어떤 장점이 있길래 사용하는 것 일까요? 명명된 인수는 다음과 같은 장점들을 가집니다. 생략가능한 인수의 표현이 쉽다. 인수의 순서 변경이 쉽다. 인수가 많아도 코드를 해석하기 쉽다. 위의 장점에 따라 명명된 인수는 아래 코드와 같은 표현도 가능합니다. getSum({ num1: 10.. 2022. 1. 15.
[Javascript] Symbol 심볼은 ES2015에서 추가된 새로운 데이터 형입니다. 1. Symbol 심볼(Symbol)은 상징의 뜻을 가지고 있습니다. 흔히 이메일에 사용되는 @(a.k.a 골뱅이라고 하는 at Sign, 의미는 ~에서, 에게)가 대표적인 상징입니다. 이처럼 Symbol 형이란 어떤 값에 식별되는 유일한 이름을 붙이기 위해서 사용합니다. 우리가 문자열에 @가 존재한다면 아 이게 메일 주소일 확률이 높구나 하고 추정하거나, 길을 가다가 어떤 건물에 편지봉투가 있다면 아 여기는 우체국이겠구나 하고 알아 볼 수 있는 것 처럼, 어떤 값에 식별이 가능한 값을 주어 알아볼 수 있도록 하는 데이터 형입니다. 심볼형은 다음과 같이 Symbol()을 통해 만들어집니다. 생성자가 아니므로 앞에 new가 오지 않는 점이 여태까지의 .. 2022. 1. 10.
[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] 사용자 정의 함수 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.
300x250