본문 바로가기
반응형

개발/Javascript42

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.
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.
JS에서 문자열의 특정 문자들을 반환하는 메서드 substr() substr() 메서드는 문자열의 특정위치에서 시작하여 특정 문자수 만큼의 문자들을 반환한다. const str = 'Mozilla'' console.log(str.substr(1,2)); // 'oz' console.log(str.substr(2)); // 'zilla' console.log(str.substr(-5,3)' // 'zil' 아래에 매개변수에 대한 설명이 나와있다. 매개변수 str.substr(start, length) start 추출하고자 하는 문자의 시작위치이다. 음수라면 뒤에서 n번째이다. length 옵션값, 추출할 문자들의 갯수이다. 생략되면 start부터 끝까지 추출된다. length 가 생략되면 substr()는 빈문자열을 반환한다. 2021. 8. 15.
JS에서 배열을 문자열로 바꾸는 메서드, Join() Join() join() 메서드는 배열의 모든 요소를 연결해 하나의 문자열로 만든다. const el = ['Fire','Air','Water']; console.log(el.join()); // "Frie,Air,Water" console.log(el.join('')); // "FireAirWater" console.log(el.join('-')); // "Fire-Air-Water" 4가지 다른 방법으로 배열 연결하기 다음 예제에서는 3개의 요소를 가진 배열 a를 만들고, 기본 구분자, 쉼표와 공백, 더하기 기호, 빈 문자열의 4가지 구분자를 사용해 배열을 연결한다. let a = ['바람','비','불']; let arr1 = a.join(); // arr1에 '바람,비,불' 할당 let arr2 .. 2021. 8. 15.
반응형

티스토리툴바