Frontend🌱/JavaScript

자바스크립트에서 var로 변수 선언이 가능했는데, 왜 const와 let이 나왔으며 이 둘의 사용을 권장할까? 이를 정확하게 알기 위해서는, 변수의 선언 및 할당 과정, 호이스팅, 스코프를 알아야한다. ✔️변수 먼저 자바스크립트에서 변수가 무엇인지 알아보자. 변수(variable)는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말한다. https://medium.com/@ethannam/javascripts-memory-model-7c972cd2c239 const myNumber = 23 // 변수명(식별자): myNumber // 해당 값의 위치(메모리 주소): 0012CCGWH80 // 변수 값(저장된 값): 23 자바스크립트는 매니지드 언어(..

화살표 함수는 ES6문법입니다. function 키워드 사용해서 함수를 만든 것보다 간단히 함수를 표현할 수 있습니다. 화살표 함수는 항상 익명입니다. // 일반 함수 var foo = function () { console.log("foo") }; // foo // 화살표 함수 var bar = () => console.log("bar"); // bar 1. 화살표 함수의 기본문법 // 매개변수가 없는 경우 var foo = () => console.log('bar'); foo(); // bar // 매개변수가 하나인 경우 var foo = x => x; foo('bar'); // bar // 매개변수가 여려개인 경우 var foo = (a, b) => a + b; // 간단하게 한줄로 표현할 땐 "{..

변수 먼저 자바스크립트에서 변수가 무엇인지 알아보자. 변수(variable)는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말한다. https://medium.com/@ethannam/javascripts-memory-model-7c972cd2c239 const myNumber = 23 // 변수명(식별자): myNumber // 해당 값의 위치(메모리 주소): 0012CCGWH80 // 변수 값(저장된 값): 23 자바스크립트는 매니지드 언어(managed language)이기 때문에 개발자가 직접 메모리를 제어하지 못한다. 따라서 개발자가 직접 메모리 주소를 통해 값을 저장하고 참조할 필요가 없고 변수를 통해 안전하게 값에 접근이 가능하다. 변..

함수 선언 함수 선언의 구조는 아래와 같다. function 함수명() { 명령; 명령; }; function 뒤에 원하는 함수명을 입력한 뒤에 소괄호, 중괄호를 순서대로 써주면 된다. 중괄호 안에는 명령어들을 입력하는데 보통 한 줄에 명령 한 개를 입력한다. // 함수 선언 function hello() { console.log('Hello, world!'); console.log('Nice to meet you.'); }; 함수 호출 위와 같이 함수를 써도 콘솔창에서는 아무런 일도 일어나지 않는다. 함수를 선언만 하고 호출하지 않았기 때문이다. 자바스크립트에서 함수를 호출하는 방법은 '함수명()'이다. // 함수 호출 hello() // 위 함수를 호출하면 아래와 같은 결과값을 얻음 // Hello,..