반응형 자바스크립트14 JS : Super와 extends를 이용한 클래스 상속 상속 OPP에서 상속은 부모클래스의 특성을 자식클래스가 물려받는 시스템을 말한다. 이를 통해 개발자는 두번 똑같은 내용을 입력할 수고를 덜 수 있다. class Polygon { constructor(height, width) { this.name = 'Polygon'; this.height = height; this.width = width; } } 부모 클래스 Polygon을 선언하였다. constructor(생성자함수) 로 매개변수 height, width를 선언한다. class Square extends Polygon { //extends를 이용해 Polygon을 상속받는다. constructor(length) { // 매개변수 length를 선언한다. super(length, length); /.. 2021. 8. 23. 코드스테이츠 소프트웨어엔지지어링 부트캠프 +36일 오늘 배운 것 오늘 section2의 첫 걸음을 뗐다. 객체지향에 대해 공부했다. super가 이해가 안가서 구글링을 했고, 복습할 겸 게시글을 작성했다. https://wnsdufdl.tistory.com/72 JS : Super와 extends를 이용한 클래스 상속 상속 OPP에서 상속은 부모클래스의 특성을 자식클래스가 물려받는 시스템을 말한다. 이를 통해 개발자는 두번 똑같은 내용을 입력할 수고를 덜 수 있다. class Polygon { constructor(height, width) { this.name wnsdufdl.tistory.com 엄밀히 말하면 js는 객체지향언어가 아니라 prototype 기반 언어이다. 객체 Review 차원으로 객체를 이용한 모듈화를 복습했다. 객체의 모듈화를 통.. 2021. 8. 23. JS: call, apply, bind binding javascript 함수는 자신만의 this 를 갖고 있다. 예를 들어보자 function hello(){ console.log(this); console.log(this.name); } 를 실행하면 다음과 같은 결과가 나온다. this 는 기본적으로 window 객체이다. 이때 우리가 hello 함수에서 window 객체가 아닌 다른 객체를 사용하고 싶을때 binding을 한다. 명시적으로 this를 window 가 아닌 다른 객체로 바꿔주는 함수가 call, apply, bind 이다. call과 apply 다음은 call과 apply를 이용하여 hello 함수에 obj객체의 정보를 이용하는 모습이다. const obj = {name : 'June'} function hello(plac.. 2021. 8. 22. 얕은 복사와 깊은 복사 원시값과 참조값 원시값은 변경할 수 없다. (변수를 변경할 수 없다는 것이 아니다.) 그렇기 때문에 원시값을 할당한 변수를 재할당하면 새로운 메모리 공간에 새로운 값을 재할당한다. 하지만 참조값은 메모리 공간의 주소를 가리킨다. 이 주소를 참조값이라고 하는데 이 참조값에 접근하여 객체에 접근하는 방식이다. 같은 참조를 공유하는 객체들은 1개 이상일 수 있고, 같은 참조를 공유하는 객체들은 서로 사이드이팩트를 일으킬 수 있따. 얕은 복사 복사를 새로운 메모리 공간을 만드는 것이라고 정의했을때, 얕은 복사는 1depth까지만 복사를 한다는 뜻이다. 즉, 2depth부터는 같은 참조를 가리키기 때문에 사이드이펙트가 일어난다. 전개구문을 이용하여 얕은복사를 할 수 있다. const a = {name:'j',a:.. 2021. 8. 7. 이전 1 2 3 4 다음 반응형
