Javascript/기초 15

비구조화 할당(구조 분해)

해당 객체의 값을 알아내고싶을때 이용합니다. 구조 분해 할당의 구문은 기존 할당문과 비슷하지만, 대신 할당문의 좌변에서 사용하여, 원래 변수에서 어떤 값을 분해해 할당할지 정의합니다. 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); /..

Javascript/기초 2021.02.01

Javascript 함수의 기본 파라미터 (기본값지정 방법)

파라미터값이 없을경우에 변수 혹은 함수안에 변수 계산은 어떻게 해야할까요? 기본값을 지정하는 방법이 있습니다. 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);

Javascript/기초 2021.02.01

Truthy and Falsy (feat. null checking) --> falsy한 값을 잘 기억해야합니다.

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..

Javascript/기초 2021.02.01

new 함수, 함수안에 함수, 함수인자

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..

Javascript/기초 2021.01.26

Data Types(자료형)

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

Javascript/기초 2021.01.26

var & hoisting

아래 있는 선언을 끌어올리는 현상이다. 보통 함수에서 일어나는데 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는 전혀 출력이되지않는 특이한 현상이 일어난다. -->..

Javascript/기초 2021.01.26

variable and constant(변수와 상수)

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

Javascript/기초 2021.01.26