[javascript] 프로토타입 섀도잉, 오버리이딩

javascript에서 오버라이딩을 구현하는 방법을 알아보겠다.

 

function A(){}
A.prototype.sayHello = function() {
	console.log("prototype hello");
} // 프로토타입 섀도잉
const a = new A()

a.sayHello(); // prototype hello

class A가 있을때, prototype에 sayHello가 있다고 하자.

new를 이용해 인스턴스 a를 생성하면 a.sayHello에 접근할 수 있을 것이다.

 

이때 a에 똑같은 sayHello라는 프로퍼티를 추가하여 오버라이딩 할 수 있다.

a.sayHello = function() {
	console.log("my hello");
} //프로토타입 오버라이딩

console.log(a.sayHello) // my hello

이렇게 오버라이딩 되어서 가려진 A.prototype.sayHello를 프로토타입 섀도잉이라고 하고,

가린 메소드 a.sayHello를 작성하는 것을 프로토타입 오버라이딩이라고 한다.