JavaScript/ES6 검색 결과

해당 글 7건

promise

promise const promise = new Promise(function executor(resolve, reject){ --- });프로미스 생성자는 실행자라고 불리는 함수를 인자로 받는데 이 실행자는 차례로 resolve, reject 콜백 함수를 받는다 이 실행자 함수를 작성하고 그 결과에 따라서 reslove와 reject 둘 중 하나를 무조건 호출해야한다 작성한 함수가 성공적일 경우 reslove를 호출 실패했을 경우 reject를 호출 프로미스 객체 생성 const promise = new Promise(function executor(resolve, reject){ setTimeout(()=>resolve(console.log('done')),1000); });이 코드를..
JavaScript/ES6 2020. 11. 3. 23:52

class

class 동일한 종류의 객체를 여러개 생성해야 할 경우에는 생성자 함수를 이용했었다 ES6 이후에는 클래스 문법을 통해서 생성자 함수와 동일한 작업을 해줄 수 있는데 class Student{ ... ... } const student1 = new Student(arg1,arg2);객체를 생성하는 부분도 생성자 함수와 동일하다 new를 통해서 새로운 객체가 생성되고 인자들이 그 객체로 넘어간다 constructor 그 뒤 클래스 내부에 있는 constructor 메소드가 실행되며 객체가 초기화된다 그럼 Student 내부에 constructor메소드를 만들어주자 class Student{ constructor(name, age) { this.name = name; this.age = age; } } c..
JavaScript/ES6 2020. 11. 3. 04:00

arrow function

함수 선언문은 자바스크립트에서 가장 간단하게 함수를 만드는 방법 중에 하나이다 function func(a,b,c) { return a+b+c; } console.log(func(1,2,3)); // 6 더 간단하게 만드는 방법이 있다 const func = (arg1,arg2,arg3) => arg1+arg2+arg3; console.log(func(1,2,3)); //6 화살표 함수(arrow function)라고 불리는떼 가운데 있는 화살표에서 따온 이름이다 앞에 괄호 안에는 인자를 받고 뒤에는 표현식이 온다 const func = arg => console.log(arg); func('123'); //123 인자가 하나라면 괄호도 생략 가능 const func = () => console.log(..
JavaScript/ES6 2020. 10. 26. 20:32

Weakmap, Weakset

set은 중복이 없는 배열이라고 생각하면 쉽고 map은 객체와 비슷하지만 키에 모든 자료형을 쓸 수 있고 삽입 순서대로 저장되는 등 다른 점이 몇가지 있다 이 둘 앞에 Weak가 붙으면 객체만 저장하는 자료형이되는데 이때 Weakmap과 Weakset은 객체를 말그대로 약하게(weak) 참조한다 약하게 참조한다는게 무슨 뜻이냐면.. let test = { name: 'test1' } let map = new Map().set(test,0); test = null; console.log(john); console.log(map); test는 {name:test1}을 가르키고 이 test를 다시 map에 넣어 map {name:test1}에 연결했다 이 상태에서 test에 null을 주면 {name:test..
JavaScript/ES6 2020. 10. 25. 18:22

Destructuring

Destructuring 검색해보니 구조 분해, 비 구조화, 구조 파괴 등 여러가지로 불리우고 있었다 이건 뭐 설명을 못 하겠다 그냥 예제 코드로 살펴보자 배열 const data = [1,2,3,4,5]; const [a,,,b] = data; console.log(a,b); 두번째 줄에 배열 형식으로 변수 a와 b를 선언하고 data를 할당해주는데 a와 b의 위치에 있는 data의 값과 매치해서 할당된 것을 볼 수 있다 객체 객체도 사용이 가능하다 const obj = { name : 'obj', age : 13, sayHello : function () { console.log('hi'); } } const {name ,sayHello} = obj; console.log..
JavaScript/ES6 2020. 10. 21. 22:11

Array

for...of a부터 f까지 담겨있는 배열 arr가 있다 const arr = ['a','b','c','d','e','f']; 이 배열을 순환하면서 출력하는 코드는 여러가지가 있지만 가장 간단한 것은 아마 for in일 것이다 const arr = ['a','b','c','d','e','f']; for(let i in arr){ console.log(arr[i]); } 원하는 결과가 나왔고 이는 문제가 없는 코드처럼 보인다 다른 예제를 보자 Array.prototype.getId = function(n){ let temp; for(let i=0; i
JavaScript/ES6 2020. 10. 20. 17:40

var, let, const

책과 내가 배운 강의들에는 var만을 사용해서 변수를 선언하고 초기화 했는데 응용 강의를 듣다보니 var의 사용을 자제하고 let과 const의 사용을 권장했다 그래서 찾아봤다 let, const 유효 범위 let,const도 var처럼 변수 선언인데 스코프의 유효 범위가 다르다 var은 함수 단위의 스코프였지만 let과 const는 블록 단위의 스코프를 가진다 if(true){ let test = 110; } console.log(test); 위의 코드가 var로 선언되어 초기화되었다면 아무 문제없이 콘솔창에 110을 찍었겠지만 결과는 그렇지 못하다 에러를 뱉는다 블록 단위란 {로 시작해서 }로 끝나는 그 괄호 안의 범위를 블록 단위라고 한다 if(true){ let test = 110; } conso..
JavaScript/ES6 2020. 10. 7. 02:35