📖
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. 함수

함수 정리

// 선언적 함수
function func1() {
    document.write("function1이 실행되었습니다.<br>");
}
func1();

// 익명함수
const func2 = function(){
    document.write("function2이 실행되었습니다.<br>");
}
func2();

// 매개변수가 있는 함수
const func3 = function(name){
    document.write(name + "이 실행되었습니다.<br>");
}
func3("function3");

// 리턴값(종료)이 있는 함수
function func4(){
    const str = "function4이 실행되었습니다.<br>";
    return str;
}
document.write(func4());

// 즉시 실행 함수(괄호)
(function (){
    document.write("function5이 실행되었습니다.<br>");
}());

// 화살표 함수(선언적 함수를 화살표함수로 바꿈)
func6 = () => {
    document.write("function6이 실행되었습니다.<br>");
}
func6();

// 화살표 함수(익명함수)
const func7 = () => {
    document.write("function7이 실행되었습니다.<br>");
}
func7();

// 화살표 함수(매개변수가 있는 함수)
const func8 = (str) => {
    document.write(str + "이 실행되었습니다. <br>");
}
func8("function8");

// 화살표 함수(리턴값이 있는 함수)
const func9 = () => {
    const str = "function9이 실행되었습니다.<br>";
    return str;
}
document.write(func9());

// 객체 생성자 함수
function Func10(name, action){
    this.name = name;
    this.action = action;
    this.study = function(){
        document.write(this.name + "이 " + this.action + "되었습니다.<br>");
    }
}
const obj1 = new Func10("function10","실행");
obj1.study();

// 프로토타입 메서드
function Func11(name, action){
    this.name = name;
    this.action = action;
}
Func11.prototype.study = function(){
    document.write(this.name + "이 " + this.action + "되었습니다.<br>");
}
const obj2 = new Func11("function11","실행");
obj2.study();

// 클래스
class Func12 {
    constructor(name, action){
        this.name = name;
        this.action = action;
    }
    study(){
        document.write(this.name + "이 " + this.action + "되었습니다.<br>");
    }
}
const obj3 = new Func12("function12","실행");
obj3.study();
PreviousPromiseNext템플릿 리터럴

Last updated 4 years ago

Was this helpful?