본문 바로가기
반응형

JavaScript49

17.자바스크립트의 Scope 에 대한 이해 Scope 란? 변수 혹은 함수를 선언하게 될 때 해당 변수 또는 함수가 유효한 범위를 의미 Global (전역) Scope: 코드의 모든 범위에서 사용이 가능합니다. Function (함수) Scope: 함수 안에서만 사용이 가능합니다. Block (블록) Scope: if, for, switch 등 특정 블록 내부에서만 사용이 가능합니다. 예시를 통한 Scope 이해 const value = 'hello!'; function myFunction() { console.log('myFunction: '); console.log(value); } function otherFunction() { console.log('otherFunction: '); const value = 'bye!'; console.l.. 2021. 6. 30.
16.spread 와 rest spread 이 문법을 사용하면, 객체 혹은 배열을 펼칠수있음 const slime = { name: '슬라임' }; const cuteSlime = { name: '슬라임', attribute: 'cute' }; const purpleCuteSlime = { name: '슬라임', attribute: 'cute', color: 'purple' }; console.log(slime); console.log(cuteSlime); console.log(purpleCuteSlime); 기존의 객체를 건들이지 않고, 새로운 객체를 만들었음 spread 문법을 사용하면 다음과 같이 작성 할 수 있음 const slime = { name: '슬라임' }; const cuteSlime = { ...slime, att.. 2021. 6. 30.
15.비구조화 할당 (구조분해) 문법 const object = { a: 1, b: 2 }; const { a, b } = object; console.log(a); // 1 console.log(b); // 2 비구조화 할당 문법을 사용하면 다음과 같이 객체 안에 있는 값을 추출해서 변수 혹은 상수로 바로 선언 가능 const object = { a: 1, b: 2 }; function print({ a, b }) { console.log(a); console.log(b); } print(object); 함수의 파라미터에서도 비구조화 할당 가능 const object = { a: 1 }; function print({ a, b }) { console.log(a); console.log(b); } print(object); // 1 // u.. 2021. 6. 30.
14.조건문 더 스마트하게 쓰기 특정 값이 여러 값중 하나인지 확인해야 할 때 function isAnimal(text) { return ( text === '고양이' || text === '개' || text === '거북이' || text === '너구리' ); } console.log(isAnimal('개')); // true console.log(isAnimal('노트북')); // false 비교해야 할 값이 많아질 수록 코드는 길어짐 function isAnimal(name) { const animals = ['고양이', '개', '거북이', '너구리']; return animals.includes(name); } console.log(isAnimal('개')); // true console.log(isAnimal('노트북'.. 2021. 6. 30.
반응형

티스토리툴바