쑥쑥자라기🌱

함수를 호출할 때 파라미터로 전달하는 값, 아규먼트를 다루는 방법 // arguments function printArguments(a, b, c) { console.log(a); console.log(b); console.log(c); console.log(arguments) console.log(--------------------); } printArguments('Young', 'Mark', 'Koby'); printArguments('Captain'); printArguments('Jayden','Scott'); printArguments('Suri', 'Jack', 'Joy', 'Noel'); 일단 여기 파라미터 세 개를 활용해서 함수를 호출할 때 아규먼트 세 개를 전달하면 순서대로 각 값을 ..

자바스크립트는 함수를 특별한 종류의 값으로 취급하기 때문에 함수 표현식이 가능합니다. // 값으로서 함수 const printJS = function () { console.log('JavaScript'); }; console.log(typeof printJS); typeof 연산자로 함수의 타입을 출력하면 function이 출력되긴 하지만 함수의 구체적인 데이터 타입은 객체입니다. // 값으로서 함수 const printJS = function () { console.log('JavaScript'); }; console.dir(0); // O console.dir('쑥쑥'); // 쑥쑥 console.dir(true); // true console.dir(null); // null console.dir..

지금까지 함수를 선언하는 다양한 방법에 대해 살펴봤는데요. 함수를 선언하는 것은 함수를 실행하는 것과 다르다는 사실, 모두 알고 계시죠? function sayHi() { console.log('Hi!'); } sayHi(); 일반적으로는 이렇게 함수를 먼저 선언한 다음,선언된 함수 이름 뒤에 소괄호를 붙여서 함수를 실행하는데요. 그런데 때로는 함수가 선언된 순간에 바로 실행을 할 수도 있습니다. 즉시 실행 함수 (function () { console.log('Hi!'); })(); 보시는 것처럼 함수선언 부분을 소괄호로 감싼 다음에 바로 뒤에 함수를 실행하는 소괄호를 한 번 더 붙여주는 방식인데요. 이렇게 하면 함수가 선언된 순간 바로 실행이 되는 겁니다. 이렇게 함수 선언과 동시에 즉시 실행되는 함..

Named Function Expression (기명 함수 표현식) 함수 표현식으로 함수를 만들 때는 선언하는 함수에 이름을 붙여줄 수도 있는데요. 이름이 있는 함수 표현식, 즉 기명 함수 표현식이라고 부릅니다. 함수 표현식으로 함수가 할당된 변수에는 자동으로 name이라는 프로퍼티를 가지게 되는데요. const sayHi = function () { console.log('Hi'); }; console.log(sayHi.name); // sayHi 이렇게 이름이 없는 함수를 변수에 할당할 때는 변수의 name 프로퍼티는 변수 이름 그 자체를 문자열로 가지게 됩니다. 하지만 함수에 이름을 붙여주게 되면, name 속성은 함수 이름을 문자열로 갖게 되는데요. const sayHi = function pri..

일단 우리는 이미 함수를 만드는 방법을 잘 알고 있습니다. // 함수를 만드는 방법 function 함수이름(파라미터) { 동작 return 리턴값 } function이라는 키워드 다음에 함수 이름을 쓰고 소괄호 열고 닫은 다음, 다시 또 중괄호를 열어두면서 그 안에 필요한 동작들을 작성하는 것이죠. 그리고 함수를 호출할 때 어떤 값을 전달해서 함수가 동작할 때 그 값을 사용하게 하고 싶다면 이 소괄호 안에 파라미터를 작성할 수도 있죠. 그리고 함수가 호출된 자리에 되돌려 줄 값이 필요하다면 이 안에서 return 키워드를 통해서 리턴값을 작성해 줄 수도 있습니다. 아무튼 이렇게 function 키워드로 시작해서 함수를 만드는 방식을 함수 선언(Function Declaration)이라고 하는데요. //..

자바스크립트의 데이터 타입 자바스크립트에는 8가지 데이터 타입이 있습니다. number string boolean undefined null object symbol bigint 자바스크립트의 유연한 데이터 타입 자바스크립트는 데이터 타입이 유연한 프로그래밍 언어입니다. 맥락에 유연하게 변하는 데이터 타입의 특징은 처음엔 생소하고 혼란스러울 수 있지만, 잘 이해하고 활용한다면 좀 더 간결한 코드를 작성하고 빠르게 개발할 수 있는 장점이 될 수 있습니다! Truthy 값과 Falsy 값 if, for, while 등 불린 타입의 값이 요구되는 맥락에서는 조건식이나 불린 타입의 값 뿐만아니라 다른 타입의 값도 불린 값처럼 평가될 수 있는데요. 이 때, false 처럼 평가되는 값을 falsy 값, true ..

변수는 이름을 통해서 어떤 값에 특별한 의미를 부여할 수 있는 하난의 상자라고 할 수 있습니다. 다르게 표현하면 프로그래밍에서 추상화의 가장 기본적인 수단이 바로 이 변수라고 할 수 있는데요. 자바스크립트에서 이 변수를 만드는 방법은 ES2015를 기준으로 약간의 변화가 있었습니다. ES2015 이전에는 var라는 키워드를 사용해서 변수를 만들었었는데요. // 변수와 스코프 var title = 'Codeit' let age = 20; const PI = 3.14; 그래서 ES2015에서는 var 키워드가 가진 문제를 해결하기 위해 let과 const라는 키워드가 등장했고 최근에는 var보다는 활용 목적에 따라서 값의 재할당이 필요한 경우에는 let 키워드를 재할당이 필요하지 않은 경우에는 const 키..

ES2020에서 새롭게 추가된 null 병합 연산자에 대해 살펴보겠습니다. 영어로는 'Nullish coalescing operator' 라고 하는데요. null 병합 연산자 ?? 물음표 두 개(??)를 사용해서 null 혹은 undefined 값을 가려내는 연산자 입니다. 아래 코드를 보세요. const example1 = null ?? 'I'; const example2 = undefined ?? 'love'; const example3 = '쑥쑥' ?? 'JavaScript'; console.log(example1, example2, example3); // ? example1과 2를 보시면, 지금 null 병합 연산자 왼편에 각각 null과 undefined가 있죠? 이렇게 연산자 왼편의 값이 n..