본문 바로가기

JavaScript18

JS - 구조 분해 할당 자바스크립트에서 객체나 배열안의 값을 변수로 분해할수 있게 해주는 문법이다. const user = { name:'Lee', age:20000, email:'Lee@KOR.co.kr', address:'KOR' } const {name:hi,age,email,address} = user console.log(`사용자의 이름은 ${hi}입니다`) console.log(`사용자의 나이는 ${age}입니다`) console.log(`사용자의 이메일은 ${email}입니다`) console.log(`사용자의 주소는 ${address}입니다`) 배열에서도 가능하다 const fruits = ['apple','banana','melon'] const [a,b,c] = fruits console.log(a,b,c) .. 2021. 10. 18.
JS - var vs let vs Const JavaScript에는 3가지의 변수 선언 방식이 있다 ​var var는 선언과 동시에 초기화가 진행된다. var는 중복선언이 허용된다. 또한 var는 오로지 함수의 블록만을 지역 스코프로 인정 하기 때문에 함수가 아닌곳에서 var로 선언한 변수는 모두 전역변수로 취급이 된다 ​ 따라서 이렇게 if문 안에 var를 선언할 경우 if 블록은 함수가 아니기 때문에 전역변수로 취급되어 var a = 'hi' if (true) { var a = 'hello' } console.log(a) 변수 a는 'hello'로 값이 바뀌게 된다. let let은 선언과 초기화가 따로 진행된다 let은 var와는 달리 중복선언은 허용되지 않지만 값의 재할당은 가능하다. let은 모든 블록 지역 스코프를 인정 한다(if,for.. 2021. 10. 18.
JS - 함수 1.화살표 함수 - 일반 함수 const double = function (x) { return x * 2; } console.log('double: ' , double(4)); - 화살표 함수 const double2 = (x) => { return x * 2; } console.log('double2: ' , double2(4)); 차이점은 function 이라는 키워드가 생략 되고 입력받을 매개변수와 그 다음 화살표가 가리키는 방향으로 함수의 로직이 나온다는 것이다. const double2 = (x) => x * 2 console.log('double2: ' , double2(4)); /** 참고로 지금같이 매개변수가 x 하나라면 소괄호도 생략이 가능하다 ex) const double2 = x =.. 2021. 10. 7.
자바스크립트 핵심 컨셉 33 - (1) Call stack , Primitive Types 1. Call stack 자바스크립트 실행해야하는 함수는 스택위에 올라간다 그리고 함수를 스택위에 다 올리고 함수를 다 살행하면 제거 * 스택이란? 스택은 후입선출(LIFO- Last In First Out) 구조로 말 그대로 가장 마지막에 쌓인 놈이 가장 먼저 나가는 구조이다 function three(){ console.log("JavaScript"); } function two(){ three(); } function one(){ two(); } function zero(){ one(); throw Error("Error Message!!!!"); } zero(); 위의 스크립트를 실행해보면 첫번째 zero함수를 호출하여 zero가 스택에 쌓인다 그후 zero에서 one함수를 호출하여 스택에 one.. 2020. 6. 15.

티스토리툴바