📖
Javascript
  • 자바스크립트 시작하기
  • 자바스크립트 기초 문법
  • 변수
  • 배열
  • 객체
  • 연산자
  • 조건문
    • if 문
    • if ~ else 문
    • 다중 if문
    • 중첩 if문
    • switch 문
    • 삼항 연산자
  • 반복문
    • while 문
    • do while 문
    • for 문
    • 중첩 for 문
    • break 문
    • continue 문
  • 함수
    • 선언적 함수
    • 익명 함수
    • 매개변수가 있는 함수
    • Arguments 함수
    • 리턴값이 있는 함수
    • 재귀 함수
    • 콜백 함수
    • 내부 함수(스코프)
    • 객체 생성자 함수
    • 프로토타입 함수
    • 화살표 함수
    • 클래스
    • Promise
    • 함수 정리
    • 템플릿 리터럴
  • 내장객체
    • String 객체
      • split()
      • join()
    • Number 객체
    • Date 객체
    • Array 객체
    • Math 객체
    • 정규표현 객체
  • 브라우저 객체
    • Window 객체
    • Navigator 객체
    • Screen 객체
    • History 객체
    • Location 객체
  • 문서객체
  • 이벤트
Powered by GitBook
On this page

Was this helpful?

  1. 함수

클래스

// 클래스(es6)(생성자가 있음) : 함수의 집합체
class Info6{
    constructor(name, job){
        this.name = name;
        this.job = job;
    }
    study(){
        document.write("8. 내 이름은 " + this.name + "이며, 직업은 " + this.job + "입니다.<br>");
    }
}
// + 인스턴스 객체 생성 
const str7 = new Info6("아름","웹 퍼블리셔");
const str8 = new Info6("장아름","프론트앤드 개발자");
// + 메서드 실행
str7.study();
str8.study();

클래스 상속

 class Box1 {
    constructor(name,active){
        this.name = name;
        this.active = active;
    }
    study(){
        document.write(this.name + "이 " + this.active + "되었습니다.<br>");
    }
}
class Box2 extends Box1 {
    constructor(name,active,today){
        super(name,active);
        this.today = today;
    }
    study2(){
        document.write(this.today + this.name + "이 " + this.active + "되었습니다.<br>");
    }
}
const result5 = new Box1("함수9","실행");
const result6 = new Box2("함수10","실행","오늘도");

result5.study();
result6.study();
result6.study2();
Previous화살표 함수NextPromise

Last updated 4 years ago

Was this helpful?