Run results for: this vs super in inheritance

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36

Browser: Chrome 71

Operating system: Windows

Device Platform: Desktop

Date tested: 5 years ago

Test name	Executions per second
usingThis	11497300.0 Ops/sec
usingSuper	6964127.0 Ops/sec
usingThisVariables	11495490.0 Ops/sec
usingSuperVariable	6673041.0 Ops/sec

Script Preparation code:

var Animal = class Animal {
  constructor(sound, name) {
    this.sound = sound;
    this.name = name;    
  }
  getMessage() {
    return 1337;
  }
}

var Dog = class Dog extends Animal {
  constructor() {
    super('woof', 'dog');
    this.legs = 4
  }
  
  // hard coded values
  usingThis() {
    this.getMessage();
  }
  usingSuper() {
    super.getMessage();
  }
  
  // class variables
  usingThisVariables() {
    return this.sound;
  }
  usingSuperVariable() {
  	return super.sound; 
  }
}

var animal = new Animal('meow', 'cat');
var dog = new Dog();

Tests:

usingThis
const foo = dog.usingThis();
usingSuper
const foo = dog.usingSuper();
usingThisVariables
const foo = dog.usingThisVariables();
usingSuperVariable
const foo = dog.usingSuperVariable();

Run results for: this vs super in inheritance

compare the speed of "super" vs "this" in the subclass

usingThis

usingSuper

usingThisVariables

usingSuperVariable