반응형
[Javascript ES6] 기초 문법 9-2. <JS의 상속> - prototype 을 class로 만들기

[Javascript ES6] 기초 문법 9-2. <JS의 상속> - prototype 을 class로 만들기

Class 자바와 같은 객체 지향 언어처럼, class 키워드를 사용하여 부모-자식간의 상속을 만들어 줄 수 있다. class 부모이름 { constructor() { } } 의 형식으로 사용하며, 오직 constructor() { 이곳에 작성한 내용들만 } 자식에게 상속된다. 자식은 new 키워드를 사용하여 부모를 호출해 상속받는다. 이 때 전달된 파라미터는 constructor(파라미터) 의 '파라미터'에서 전달받아 사용할 수 있다. 또한 자식의 프로토타입을 알아내기 위해 자식.__proto__ 와 같은 역할을 수행하는, Object.getPrototypeOf(자식) 을 사용할 수도 있다. extends 를 통해 기존에 만든 class를, 다른 class에 상속해 줄 수 있다. class 자식 ext..

  • format_list_bulleted JavaScript/JavaScript 기초
  • · 2022. 12. 20.
  • textsms
[Javascript ES6] 기초 문법 9-1. <JS의 상속> - prototype 을 Object.create()로 만들기

[Javascript ES6] 기초 문법 9-1. <JS의 상속> - prototype 을 Object.create()로 만들기

Object.create() Object.create()를 통해 프로토타입을 만들 수 있다. 변수를 선언해 준 다음, Object.create()에 파라미터로 프로토타입이 될 원형을 넣어주면 된다. 아래에서는 Object.create(mother)를 통해 프로토타입을 설정해 주었다. 이를 상속이라고 하는데, 상속받은 개체를 다른 개체에게 다시 상속해 줄 수도 있다.

  • format_list_bulleted JavaScript/JavaScript 기초
  • · 2022. 12. 20.
  • textsms
[Javascript ES6] 기초 문법 <JS의 상속> 9. prototype

[Javascript ES6] 기초 문법 <JS의 상속> 9. prototype

prototype prototype은 유전자, 즉 '원형'을 뜻한다. prototype은 constructor 함수에 생성된다. 따라서 obj를 복제하기 위해 만든 constructor 함수 속 프로토타입에 변수를 만들어 값을 할당해줄 수 있다. prototype은 js가 해당 객체에 기본적으로 제공해주는 함수 등을 가지고 있다. (toLocalString, toString..등) 만일 부모의 prototype를 검사해보고 싶으면 __proto__를 사용한다. __proto__를 이용해, 프로토타입을 강제로 등록해줄 수 있다.

  • format_list_bulleted JavaScript/JavaScript 기초
  • · 2022. 12. 20.
  • textsms
[Javascript ES6] 기초 문법 8. constructor

[Javascript ES6] 기초 문법 8. constructor

constructor constructor를 사용하면 비슷한 object를 쉽게 찍어낼 수 있다. function과 this 키워드를 사용하고, new 키워드로 생성한다. 함수를 만들어 this.변수이름 = 값 을 하고 new로 변수에 할당하면, '변수이름:값' 이라는 새로운 오브젝트를 생성해준다.

  • format_list_bulleted JavaScript/JavaScript 기초
  • · 2022. 12. 20.
  • textsms
[Javascript ES6] 기초 문법 7. default

[Javascript ES6] 기초 문법 7. default

default 파라미터값을 전달해주지 않았을 경우 사용할 기본값을 설정해 줄 수 있다. b = a * 2 식의 다른 파라미터와의 연산도 가능하다. 또한 함수를 입력할 수도 있다. 아래 코드에서는 b값을 전달하지 않았을 경우 defaultFunction()함수가 실행되게 되고, return문을 통해 파라미터 b에 100이라는 값이 전달된다. 따라서 최종 결과는 101이 된다. function defaultFunction() { console.log('defaultFunction') return 100 } function plus(a,b=defaultFunction()){ console.log('a+b: ',a+b) } plus(1) arguments arguments는 모든 파라미터를 배열 형태로 저장하고..

  • format_list_bulleted JavaScript/JavaScript 기초
  • · 2022. 12. 20.
  • textsms

[Javascript ES6] 기초 문법 6. Spread Operator

apply, call apply는 함수를 옮겨와서 실행해준다. call 또한 같은 역할을 하는데 ,apply는 배열을 파라미터로 넣어줄 수 있다.

  • format_list_bulleted JavaScript/JavaScript 기초
  • · 2022. 12. 20.
  • textsms
반응형