Benchmark: typeof vs instanceof vs constructor

Script Preparation code:

function Ticket(id) {
  this._id = id;
}

var testTicket = new Ticket(1);
var count = 1000;

Tests:

typeof check
for (var i = 0; i < count; i += 1) { if (typeof testTicket === 'object') { continue; } }
instanceof check
for (var i = 0; i < count; i += 1) { if (testTicket instanceof Ticket) { continue; } }
constructor check
for (var i = 0; i < count; i += 1) { if (testTicket.constructor.name === 'Ticket') { continue; } }

Historical Performance Data aggregated from 25 community runs

Desktop Results:

Chrome 20 runs

typeof check

637K/s

instanceof check

403K/s

constructor check

79K/s

Fastest: typeof check (8.1x faster)

View exact numbers

✓ typeof check: 637,304 ops/sec
• instanceof check: 403,398 ops/sec
• constructor check: 78,844 ops/sec

Firefox 5 runs

constructor check

1.1M/s

typeof check

1.0M/s

instanceof check

112K/s

Fastest: constructor check (9.9x faster)

View exact numbers

✓ constructor check: 1,108,089 ops/sec
• typeof check: 1,043,740 ops/sec
• instanceof check: 112,270 ops/sec

Results show median performance across all community submissions. Run this benchmark yourself to verify on your device.

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
typeof check
instanceof check
constructor check

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 4 months ago)

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

Browser/OS: Chrome 146 on Windows

View result in a separate tab

typeof check

886K/s

instanceof check

452K/s

constructor check

95K/s

View exact numbers

Test name	Executions per second
✓ typeof check	885,966 Ops/sec
instanceof check	452,259 Ops/sec
constructor check	94,510 Ops/sec

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

LLMs can make mistakes. Check important info.

**Overview**

The provided JSON represents a JavaScript benchmark test case, where the user compares the performance of three different approaches: `typeof`, `instanceof`, and `.constructor` property.

**Benchmark Purpose**

The benchmark tests how fast each approach can identify whether an object is a subclass of another object (in this case, `Ticket`) or not. The purpose of this test is to understand which approach is the most efficient in terms of performance.

**Options Compared**

There are three options compared:

1. `typeof`: This checks if the object is a constructor function using the `typeof` operator.
2. `instanceof`: This checks if the object is an instance of another object (in this case, `Ticket`) using the `instanceof` operator.
3. `.constructor.name === 'Ticket'`: This checks if the object's constructor has a property named `name` and its value is equal to `'Ticket'`.

**Pros and Cons of Each Approach**

1. `typeof`:
	* Pros: Simple and straightforward.
	* Cons: May not work as expected for certain types (e.g., arrays, functions).
2. `instanceof`:
	* Pros: More accurate than `typeof` for checking subclass relationships.
	* Cons: Can be slower due to the overhead of the `instanceof` operator.
3. `.constructor.name === 'Ticket'`:
	* Pros: Fast and efficient.
	* Cons: Requires access to the object's constructor property, which may not be available in all situations.

**Library Used**

The test case uses the `Ticket` class, which is a simple class definition provided by the benchmark author. The purpose of this class is to serve as a representative object for testing the `instanceof` operator.

**Special JS Feature or Syntax**

There is no special JavaScript feature or syntax used in this benchmark except for the use of the `instanceof` operator, which is a built-in operator in JavaScript.

**Other Considerations**

* The test case uses a small sample size (1000 executions) to measure performance.
* The benchmark runs on Firefox 131 and Windows desktop platforms.

**Alternatives**

If you wanted to compare these approaches using a different platform or browser, you could modify the `RawUAString` field in the benchmark result JSON to include additional information about the test environment. For example:

```
"RawUAString": "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:131.0) Gecko/20100101 Firefox/131.0 Safari/537.36 Chrome/91.0.4472.124"
```

This would allow you to compare the performance of each approach on different platforms and browsers using MeasureThat.net.

typeof vs instanceof vs constructor (version: 0)

Comparing typeof vs instanceof vs .constructor property

Comparing performance of: `typeof check vs instanceof check vs constructor check`

Created: 3 years ago by: Guest

Go to the latest result

typeof check

instanceof check

constructor check

Historical Performance Data aggregated from 25 community runs

Desktop Results:

Chrome 20 runs

Firefox 5 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

typeof vs instanceof vs constructor (version: 0)

Comparing typeof vs instanceof vs .constructor property

Comparing performance of: typeof check vs instanceof check vs constructor check

Created: 3 years ago by: Guest

Go to the latest result

typeof check

instanceof check

constructor check

Historical Performance Data aggregated from 25 community runs

Desktop Results:

Chrome 20 runs

Firefox 5 runs

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

Related benchmarks

Comparing performance of: `typeof check vs instanceof check vs constructor check`