JavaScript: использовать родительские методы из дочернего класса?

Я понимаю, что приведенный ниже код не обязательно «расширяется», как в других языках ООП. Но он принимает другую функцию/класс в качестве свойства, для которого вы можете напрямую вызывать его методы. Кроме того, я не использовал прототипирование JavaScript для этой демонстрации.

<script>
    function Svg() {
        this.align = function( align ) {
            if( align == 'left') 
                return 'left';
            else
                return 0;
        }
    }

    function Graph() {

        this.Svg = new Svg();
        // I want to align text to the left
        this.AlignLeft = function( direction ) {
            console.log('<text x="' + this.Svg.align( direction ) + '"></text>');
        }
    }

    graph = new Graph();
    graph.AlignLeft('left');  //console.log <text x="left"></text> 
</script>

Скрипт: http://jsfiddle.net/cBMQg/11/

Ответы, вероятно, работают, но почему не используется прототип? Будет ли функция align выполнять разную логику для каждого экземпляра?

Как указал Берги; JavaScript использует прототип для наследования, и лучше определить члены прототипа, которые не меняются между экземплярами:

Просто объяснил; прототип может использоваться для объявления членов/свойств, которые не будут меняться для экземпляра. Если я объявляю объект с именем Person, а у человека есть 2 члена: имя и приветствие. Приветствие выводит «Привет, я [это.имя]», поэтому приветствие не меняется между экземплярами.

Когда я объявлю метод приветствия в прототипе Person, а затем создам тысячи экземпляров Person (бен, джек, мэри ....), все они будут использовать только одну функцию greet. Это экономит память и процессорное время для инициализации объекта. Перейдите по этой ссылке для получения дополнительной информации: https://stackoverflow.com/a/16063711/1641941

Следующая ссылка может помочь вам понять, что означает this в JavaScript. https://stackoverflow.com/a/19068438/1641941

function Svg() {
  this.someInstanceValue=22;
}
Svg.prototype.align = function(value) {
  if(value === 'left') return 0;
}
function Graph() {
    // get Svg's instance properties
    Svg.apply(this,arguments);
    console.log('<text x="' + this.align('left') + '"></text>');
}
//inherit from Svg:
Graph.prototype=Object.create(Svg.prototype);
Graph.prototype.constructor=Graph;

graph = new Graph();

graph.align('left');

Если вы не хотите наследовать от Svg, но смешиваете его, вы все равно можете использовать прототип для смешивания его функций (и вызывать Svg.apply для получения необходимых членов экземпляра):

function mixin(source, target){
  for(thing in source){
    if(source.hasOwnProperty(thing)){
      target[thing]=source[thing];
    }
  }
};
function Svg() {
  this.someInstanceValue=22;
}
Svg.prototype.align = function(value) {
  if(value === 'left') return 0;
}
function Graph() {
    // get Svg's instance properties
    Svg.apply(this,arguments);
    console.log('<text x="' + this.align('left') + '"></text>');
}
//mix in Svg:
mixin(Svg.prototype, Graph.prototype)

graph = new Graph();

graph.align('left');