도형 클래스가 자바 스크립트입니까?

Question

나는 html 5 캔버스의 도형을 그리는 데 도움이되는 작은 도형 객체를 만들기 위해 노력하고 있습니다. 지금까지 나는 가지고있다.

var Shape = function (config) { 

    this.initialize(config); 
}; 

var proto = Shape.prototype; 

proto.initialize = function (config) { 

    this.x = config.x || 0; 
    this.y = config.y || 0; 
    this.width = config.width || 0; 
    this.height = config.height || 0; 
    this.color = config.color || false; 
}; 

/* 
    Circle 
*/ 

var Circle = function (config) { 

    this.initialize(config); 
}; 

proto = Circle.prototype; 

proto = new Shape(); 

하지만 작동하지 않는 것 같습니다! 나는 그렇게 새로운 동그라미를 만들기 위해 전화 할 때;

var s1 = new Circle({x: 10, y: 10, width: 10, height: 10, color: "red"}); 

나는 다른 모양을 설정하고 모양이된다 몇 가지 일반적인 속성을 할당하는 데 도움이되는 기본 클래스 Shape을 만들 수있는 방법 등과 같은 Circle, Rect 요법? 나는 코드가 왜, 내가 그것을 더 나은 방법을 설명하시기 바랍니다 오프 방법입니다 그래서 만약 자바 스크립트를 배우려고 노력하고

,

감사합니다.

Answer 1

proto = new Shape();

이것은 새로운 Shape 인스턴스를 참조 할 수있는 proto 변수를 지정합니다.
Circle.prototype에 영향을 미치지 않습니다.이 변수는 이전에 참조 된 변수입니다. 당신은 아마 좋은 생각이 아니다 서클 프로토 타입을 초기화 할 Shape() 생성자를 실행하는

---

참고.
대신 생성자를 실행하지 않고, Shape.prototype을 상속하는 새로운 객체를 생성합니다

Circle.prototype = Object.create(Shape.prototype); 

이 코드를 작성할 수 있습니다.

Answer 2

변경이 라인 :

proto = Circle.prototype; 

proto = new Shape(); 

와`으로 Circle.prototype = 새로운 Shape()`로 가능한 문제 무엇

Circle.prototype = new Shape();