⚪️ [ JS ] 함수, 메서드, 생성자 차이

파일을 읽어주는 FileReader()는 뭘까?

=> ()가 있어도 다 다르다

 

개념	예제	설명
1. 함수(Function)	function sayHello(){}	독립적으로 실행할 수 있는 코드 블록
2. 메서드(Method)	obj.sayHello()	객체 내부에 속한 함수
3. 생성자(Constructor)	new FileReader()	new 키워드로 객체를 생성하는 함수

 

 

// 1️⃣ 일반 함수
function sayHello() {
    console.log("Hello!");
}

sayHello(); // ✅ 함수 호출

// 2️⃣ 객체의 메서드
const obj = {
    sayHello: function() {
        console.log("Hello from object!");
    }
};

obj.sayHello(); // ✅ 객체 메서드 호출

// 3️⃣ 생성자 함수
function Person(name) {
    this.name = name;
    this.sayHello = function() {
        console.log(`Hello, my name is ${this.name}`);
    };
}

const person1 = new Person("Alice"); // ✅ 생성자 함수 사용
person1.sayHello();