자바스크립트에서 일반함수와 화살표함수 두가지의 함수가 있다. 이 두 함수는 기능이 다르다. 차이점을 알아보자 ⭐1. this 1) 일반함수 - 일반적으로 함수를 호출할 경우 global 객체를 가리킨다(기본적으로 window 객체) function func1() { console.log(this); } func1(); // window object - 메소드함수를 호출할 경우 메소드를 소유한 객체를 가리킨다 const obj = { name:'공작새', method() { console.log(this.name); // 공작새 } }; this가 obj객체 이기때문에 method() 호출시 obj.name의 값이 콘솔에 찍힌다 - 생성자를 호출할 경우 새 인스턴스를 가리킨다 function funcFac..
javascript/es6
자바스크립트 es6 에서 Symbol 이라는 원시 데이터 유형을 추가하였습니다 자바스크립트에는 밑에와 같은 원시데이터를 가지고있죠 1.Boolean 2.Null 3.Undefined 4.Number 5.String 6.Symbol +new Symbol() Symbol([description]) Symbol은 고유한 데이터입니다. 여러개의 Symbol에 동일한 description을 넣어도 각 다른 존재로 인식됩니다. const a = Symbol("id"); const b = Symbol("id"); console.log(a == b); // false 같은 문자열을 넣었는데 결과 값이 false 로 나오죠? Symbol은 고유한 존재 이기 때문에 문자열이 같아도 영향을 미치지 않습니다 Object ke..
TDZ(Temporal Dead Zone) 변수를 선언 하기 전의 범위를 TDZ에 있다고 합니다.변수 선언 전에 변수를 호출 할경우 reference error 가 발생하는데 이때 tdz 에 걸렸다고 표현하죠 자세하게 알아봅시당 (function test(){ console.log(a); //TDZ let a; }()) 변수 a 를 선언하기 전 콘솔에 찍었더니 reference error 가 뜨죠?지금 저 구간이 TDZ인 상태이기 때문이에요선언되지 않은 변수에 접근 하려고 하니 에러가 발생하는 겁니다. 그럼 var 변수는 어떨까요 (function test(){ console.log(a); var a; }()) undefined가 나옵니다var 의 경우에는 호이스팅 되면서 a가 맨 상단위로 올라갑니다.그..
안녕하세요 이번 포스팅은 Set() & WeakSet() 에 알아보겠슴다공부하다 좀 헷갈리고 어려운 부분이 있어서,,이해하기 쉽게,,정리를 좀 해보려고 해요그럼 공부해보아요!😝 1. Set() 중복이 허용되지 않는 데이터 집합 입니다.iterable 한 특징을 가지고 있죠. ( * 값을 하나씩 순차적으로 접근이 가능하다 => 반복가능한객체 ) const set = new Set() - 속성
안녕하세요 구조분해할당에 대해 포스팅해볼게요 😁 MDN에 나와있는 구조분해할당에 대한 설명입니다.배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식. 아,,배열이나 객체의 속성을 해체시켜서 그 값을 변수에 담을 수 있구나,,! 라고 이해가 되시지요?함 알아볼까욧! 1.배열분해할당 let data = [10,20,30,40]; let a = data[0]; let b = data[1]; console.log(a,b) 보통 요런식으로 배열의 값을 변수에 대입하죠.콘솔에 10,20 이 찍히겠죠 ?이방법은 뭔가 지저분해보이고,,귀찮습니다. 구조분해 방법으로 사용 해 볼게요 let data = [10,20,30,40]; let [a,b,c] = data consol..
es6문법에서 특정문자열이 시작하는지 또는 끝나는지 확인 할 수 있는 메서드가 생겼습니다. startsWith() - 특정문자로 시작하는지 확인하여 결과를 true 또는 false 로 변환 endsWith() - 특정문자로 시작하는지 확인하여 결과를 true 또는 false 로 변환 그럼 간단하게 예제를 통해 공부해보아요startsWith()를 사용하여 사과로 시작하는 배열 값만 콘솔에 찍어볼게요! let arr = ['사과나무','사과맛 과자','홈런볼','사과주스']; for(let text of arr){ if(text.startsWith('사과')){ console.log(text) } } 콘솔에 홈런볼을 제외한 값만 찍혔음을 알 수 있습니다 .
이번포스트는 배열에 유용한 문법과 메서드를 알아보겠습니다. for of 배열 순회하기 Array , Map , Set , String , TypeArray , Arguments 등 을 순회 es6에 새로 생긴 문법이에요.es5에서 배열 순회하려면 for문 으로 돌리거나 foreach문을 썼었죠 하지만 더 간결해졌습니다. let data = ['집가고싶다',100,null,'퇴근소취']; for( let val of data){ console.log(val) } of 뒤에 배열을 담은 변수를 놓고of 앞에 배열의 값을 담을 변수를 만들어줍니다. 콘솔에 배열값이 순회된걸 확인하실 수 있습니다. spread operator 펼침연산자로 배열 복사하기 ... 펼침연산자를 사용해 기존의 배열을 바꾸지않고 새로운 ..
es6에서 새로운 변수가 추가되었는데요. 스코프의 개념을 알고 있어야 변수를 사용하는데 이해가 되실 것 같습니다. 개념을 알고계신다 전제하에 이번포스팅을 하도록 할게요. 👉 let , const 공통점 1. 블록레벨스코프(block-level-scope) if(true){ let name = '카카오 어피치' console.log(name) } if 블록안에 변수 let을 선언해주었습니다 콘솔에 제대로 찍히는 걸 확인할 수 있습니다 블록 밖에서 콘솔을 찍어볼까요 ? if(true){ let name = '카카오 어피치' } console.log(name) 엇 아무것도 나오지않죠.. 이로써 확인 할 수 있는게 변수가 블록안에서만 값이 유효하다 라는걸 알수있습니다 2. 재선언 불가. var 의 경우에는 재선..
