YoonStudyNote

해당 객체의 값을 알아내고싶을때 이용합니다. 구조 분해 할당의 구문은 기존 할당문과 비슷하지만, 대신 할당문의 좌변에서 사용하여, 원래 변수에서 어떤 값을 분해해 할당할지 정의합니다. 1. 값을 나눠서 구하는 방법 const deepObject = { state:{ information: { name: 'velopert', languages: ['korean', 'english', 'chinese'] } }, value: 5 }; const {name, languages} = deepObject.state.information; const {value} = deepObject; const extracted = { name, languages, value }; console.log(extracted); /..

파라미터값이 없을경우에 변수 혹은 함수안에 변수 계산은 어떻게 해야할까요? 기본값을 지정하는 방법이 있습니다. 1. 매개변수 기본값 지정 (함수일 경우) function calculatecircleArea(r=1){ return Math.PI *r *r; } const area = calculatecircleArea(); console.log(area); 2. 매개변수 기본값 지정 (함수가 아닐 경우) const calculatecircleArea = (r = 1) => Math.PI * r * r; const area = calculatecircleArea(); console.log(area);

true같은것과 false같은것을 말하는 겁니다. 이 개념을하기전에는 일단 null인지 아닌지 체크하는방법을 알려드리겠습니다. 1. undefined || null 로 확인 function print(person){ if(person === undefined || person === null){ return; } console.log(person.name); } const person = null; print(person); 이것은 코드를 이해하기 쉬운방법이지만, 함수에 들어갈때마다 이러한 조건문으로 확인하는것은 비효율적입니다. 2. 조건문에 !를 넣는 방법 function print(person){ if(!person){ return; } console.log(person.name); } const p..

null이란? 아무것도 없다는 뜻이다. undefined란? 아직 정해진것이 없다. 즉, 선언된것은 있는데 아직 값이 설정되지 않았다는 뜻이다.

new 함수 function Person(name, age){ this.name = name; this.age = age; } const p = new Person('Mark', 37); console.log(p, p.name, p.age); const a = new Person('Anna', 26); console.log(a, a.name, a.age); //출력 Person {name: "Mark", age: 37} "Mark" 37 Person {name: "Anna", age: 26} "Anna" 26 함수안에 함수를 선언하여 리턴 function plus(base){ return function(num){ return base + num; } } const plus5 = plus(5); cons..

동적타입 (Dynamic Type Language) let whatever = 'Mark'; whatever = 34; whatever = true; 선언하는것에 따라 각각 타입이 달라지는 whatever변수이다. 이런것은 선언된 이름만 봤을때는 어떤 타입의 데이터인지 알 수 없다. 데이터타입 기본타입(Primitive values) 객체(Objects) Boolean Null Undefined Number String Symbol (ECMAScript 6 에 추가됨) --> 고유한값을 만들고싶을때 사용됨

아래 있는 선언을 끌어올리는 현상이다. 보통 함수에서 일어나는데 var도 이러한 현상이 일어난다. 다음코드가 잘 동작이 된다. age = 6; age++; console.log(age); var age; 또다른 호이스팅현상을 보여주겠다. console.log(name); name = "Mark"; console.log(name); var name; //출력값 undefined Mark console.log(name); name = "Mark"; console.log(name); var name = "Woongjae"; //출력값 undefined Mark 호이스팅현상이 확실히 일어난다고하면 두번 다 Woongjae가 출력이 되어야하는데 Woongjae는 전혀 출력이되지않는 특이한 현상이 일어난다. -->..

블럭 스코프 { } --> 중괄호 안에서만 사용가능, 선언은 블럭밖에서 가능 const, let의 유효범위 함수 스코프 var의 유효 범위 const, let을 많이 사용하고 var은 많이 사용하지 않는다.

상수 선언법 const 상수를_지칭하는_이름 상수 선언하면서 바로 값을 할당하는 방법 const 상수를_지칭하는_이름=값; 주의! 값을 여러번 할당할 수 없다. /*작동안됨*/ const a = 1; a = 2; 에러코드 : "a" is read-only 변수 선언법 let 변수를_지칭하는_이름; --> 이름을 여러번 할당할 수 있다. 주의! 하지만, 같은이름의 변수를 여러번 선언할 수 없다. /*작동안됨*/ let value = 1; let value = 2; 에러코드 : Identifier 'value' has already been declared 변수에 값을 할당하는 방법 변수를_지칭하는_이름 = 값;

소스 코드에서 프로그램에 영향을 주지 않고, 무시되는 부분 보통은 소스코드를 이해할 수 있도록 돕는 역할로 사용