javascript/es6
-
es6 - constructorjavascript/es6 2018. 11. 25. 22:35
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Classes/constructor 의 설명과 예제의 내용 을 복습차원에서 정리한 것입니다. constructor 메소드는 클래스가 오브젝트로 생성되고 초기되기 위한 특별한 메소드 입니다. 12345 var Polygon = function (){ this.name = "Polygon"; } var poly1 = new Polygon(); console.log(poly1.name);cs 위의 소스를 class 와 constructor로 수정을 하게 되면 다음 과 같다. 12345678 class Polygon { constructor() { this.name = "Polygon"; } } va..
-
es6 - 2. 화살표 함수 =>javascript/es6 2018. 8. 24. 23:40
"learning react" 책의 내용을 보고 정리 한 것입니다. es6 에서는 function 을 쓰지 않고 함수를 만들 수 있고, return 을 사용하지 않아도 식을 계산한 값이 자동으로 반환 된다. 화살표 함수를 처음 보면 어떻게 봐야되고 어떻게 써야 되는지 금방 파악이 되지 않았는데, 다음의 예제를 보니 금방 이해가 되었다. 평상시 쓰는 함수 var 명언 = function(firstname) { return `하루라도 책을 읽지 않으면 입안에 가시가 돋는다. ${firstname}` } console.log( 명언("안중근") )화살표 함수 var 명언 = firstname => `밥을먹어야 응아를 한다 - ${firstname}` console.log( 명언("an") )위에 소스만 봤을때..
-
es6 - 1. let, const의 개념javascript/es6 2018. 8. 18. 21:50
1. const는 값을 변경 할 수 없는 변수. (자바스크립트도 es6에서 상수를 도입) var 를 사용한 코드처음 var 를 사용하여 pizza 라는 변수를 만들고 true를 담았고,그리고 다음 라인에서 다시 pizza 의 값을 false로 변경 하고콘솔 로그로 pizza를 확인 하면 마지막에 변경 한 false 로 변경된 것을 확인 할 수 있다. const 를 사용한 코드 처음 const를 사용하여 pizza라는 변수를 만들고 true를 담고,그리고 다음 라인에서 pizaa 의 값을 false로 바꾸려고 하면 하단의 하얀 박스 처럼 콘솔 오류가 발생하는 것을 확인 할 수 있다.위에 코드처럼 const는 값을 변경 할 수 없다. 그런데 이런경우에는 값이 변경이 될 수 있다. 상수를 사용하여 변수에 할당..