Javascript es6(3)
-
Javascript ES6 class 와 모듈
C++ 에서 넘어온 문법 클래스는 미리 선언해 두었다가 클래스 선언문의 이름 앞에 new 키워드를 붙여 호출하여 인스턴스를 생성하여 사용한다. 이때 클래스 안의 this 키워드는 생성된 인스턴스를 참조한다 1.선언 class 클래스명{ } let dog = new 클래스명(); // 클래스의 첫문자는 주로 대문자로 설정하는 관습이 있다 1-1. 생성자 함수 클래스의 인스턴스 생성 시에 한번 호출되는 함수. 내부 구문에 의해서 호출할 수 없다 constructor (정해진 함수명) 키워드를 사용하여 선언하고 function을 붙이지 않는다 주로 변수의 초기화에 사용된다. class Display{ constructor(x=10,y=20){ this.x = x; this.y = y; console.log(t..
2022.10.27 -
javascript es6 비구조할당과 함수
-배열 또는 객체에서 변수를 추출해내는 표현식 -함수의 전달 인자가 객체 또는 배열일 경우 인수를 바로 원소와 속성으로 지정할 수 있어 편리하다 배열 디스트럭쳐링 let arr = [10,20,30]; let a = arr[0]; let b = arr[1]; let c = arr[2]; console.log(a,b,c); // 10 20 30 let [a2 ,b2, c2] = [10,20,30]; console.log(a2,b2,c2); // 10 20 30 let [a3 ,b3, c3] = arr; console.log(a3,b3,c3); // 10 20 30 //일부 배열 원소는 생략할 수 있다 let [a4 , , c4] = arr; console.log(a4,c4); // 10 30 let [a5..
2022.10.26 -
JS es6
1. let / const var 재선언 가능, 재할당 가능 범위 = 전역, 지역 ( 함수 ) var은 반복문 안에서 변수가 공유되는 문제가 있음 -비동기인 setTimeout 함수 콜백이 공유되어 실행 시점이 반복문보다 늦거 변수의 값이 동일하게 처리됨 let 재선언 불가능, 재할당 가능 범위 = 전역, 지역 ( 블럭 {} ) let을 사용하여 처리 0~9 까지 출력 const - 상수 재선언, 재할당 불가능 범위 = 전역, 지역 ( 블럭 {} ) 변수 선언시 초기값 필수 for..of 문 for in 문과 다르게 index 번호가 아닌 index 번호에 해당하는 값들을 할당한다 탬플릿 리터럴 `` ( 백팁 ) 문자열 안에 표현식을 포함시킬 수 있고, 여러 줄 작성을 허용하여 간편하게 문자열을 만들 수..
2022.10.25