프로토 타입 함수가 정의되지 않았습니다

Question

JavaScript에서 프로토 타입 개념이 생소했습니다. 프로토 타입 '상속'을 수행하는 많은 방법이있는 것처럼 보이기 때문에 혼란 스럽습니다. Java 백그라운드에서 오는 코드는 대부분 고전 OOP처럼 구조화되어 있습니다. 이는 쉽게 이해할 수있는 방법이기 때문입니다.

프로토 타입에 정의 된 함수를 호출하고 싶지만, Uncaught ReferenceError: getShape is not defined이 발생합니다. 나는이 프로토 타입을 올바르게 수행하고 있는지 확신 할 수 없다.

function mouseOverAnimation($main,svgId) { 
    this.svg = getShape(svgId,$main); // this line works 

    function getShape(shapeId,parent) { 
     if (parent == undefined) { parent = svg; } 
     var shape = parent.find(shapeId); 
     return shape; 
    } 
} 

function someAnimationTest($main) { 
    this.prototype = new mouseOverAnimation($main,'#icon1'); 
    this.ball1 = getShape('#ball1'); // this line is giving me the error 
} 

new someAnimationTest($('body')); 

은 내가 뭘하려고 오전 곧 설명하기 위해 : 나는 여러 SVG 아이콘을 가지고 각자가 마우스 오버에 애니메이션을 필요로 여기

내 코드의 조각이다. 애니메이션의 코드는 특정 동작을 제외하고 대부분 동일하므로 프로토 타입을 사용하는 것이 좋은 생각이라고 생각했습니다. 모든 아이콘에 대해해야 할 첫 번째 일은 내가 독립적으로 움직여야하는 모든 모양에 대해 vars를 얻는 것입니다. 이것은 내가 getShape() 기능으로 무엇을하려하는지입니다.

getShape() 함수는 실제로 this.prototype = new mouseOverAnimation()을 호출하여 상속 되나요? 어떻게 불러야합니까? 주요 문제와 관련 될 수있는 몇 가지 측면 질문

부속 :

좀 더 복잡한 자바 스크립트 상당히 새로운입니다. 그 때문에 나는 this, prototype과 내가 '오버로딩'기능을 수행하는 방법을 잘 모르고있다. 제발 진정으로 좋지 않은 것을 수정 해주세요. 또한이 스 니펫에는 jQuery가 사용됩니다. 애니메이션에 사용중인 라이브러리에 jQuery가 포함되어 있기 때문에 내가 사용한 예제에서 이와 같이 사용되었습니다. 그러나이 경우에는 실제로 필요하지 않습니다. 편의상이 $('body')을 사용하는 것이 좋습니까? 아니면 바닐라 JS로 변경하는 것이 더 낫습니까? someAnimationTest 방법의 범위에는 getShape 방법이 없기 때문에

Answer 1

I want to call a function defined in the prototype, but I am getting Uncaught ReferenceError: getShape is not defined.

는이 오류를 얻고있다. 이 mouseOverAnimation의 프로토 타입의 속성하지 때문에

Is the getShape() function actually inherited by calling this.prototype = new mouseOverAnimation()?

getShape 방법은 상속되지 않습니다.

How should I call it?

당신은 mouseOverAnimation의 재산

function mouseOverAnimation($main,svgId) { 
    this.getShape = function (shapeId,parent) { 
     if (parent == undefined) { parent = svg; } 
     var shape = parent.find(shapeId); 
     return shape; 
    } 
    this.svg = this.getShape(svgId,$main); // this line works  
} 

로 getShape 방법을 노출하고

function someAnimationTest($main) { 
    this.moaInstance = new mouseOverAnimation($main,'#icon1'); //not using this.prototype as this has nothing to do with prototypical inheritence 
    this.ball1 = this.moaInstance.getShape('#ball1'); //notice that method is invoked via the instance of mouseOverAnimation 'this.moaInstance' 
}