Benchmark: this vs super in inheritance

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();

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
usingThis
usingSuper
usingThisVariables
usingSuperVariable

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: 5 years ago)

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/OS: Chrome 71 on Windows

View result in a separate tab

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

this vs super in inheritance (version: 1)

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

Comparing performance of: usingThis vs usingSuper vs usingThisVariables vs usingSuperVariable

Created: 5 years ago by: Registered User

Jump to the latest result

usingThis

usingSuper

usingThisVariables

usingSuperVariable

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A