Last active
December 21, 2020 08:19
-
-
Save wooandoo/b2ed03a6ce1d6babb536983d5e75acef to your computer and use it in GitHub Desktop.
direct mutable / immutable action vs future like vs promise #jsbench #jsperf (http://jsbench.github.io/#b2ed03a6ce1d6babb536983d5e75acef) #jsbench #jsperf
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"/> | |
<title>direct mutable / immutable action vs future like vs promise #jsbench #jsperf</title> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/benchmark/1.0.0/benchmark.min.js"></script> | |
<script src="./suite.js"></script> | |
</head> | |
<body> | |
<h1>Open the console to view the results</h1> | |
<h2><code>cmd + alt + j</code> or <code>ctrl + alt + j</code></h2> | |
</body> | |
</html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
"use strict"; | |
(function (factory) { | |
if (typeof Benchmark !== "undefined") { | |
factory(Benchmark); | |
} else { | |
factory(require("benchmark")); | |
} | |
})(function (Benchmark) { | |
var suite = new Benchmark.Suite; | |
Benchmark.prototype.setup = function () { | |
const mutable_action = (data, value) => { | |
data.value = value | |
} | |
const immutable_action = (data, value) => { | |
return { | |
...data, | |
value | |
} | |
} | |
const initial_data = { | |
value: 0 | |
} | |
class Future { | |
static of(value) { | |
return new Future(value) | |
} | |
constructor(value) { | |
this.value = value | |
} | |
map(fn) { | |
return new Future(fn(this.value)) | |
} | |
} | |
const initial_future = Future.of(0) | |
const static_fn = old_value => 17 | |
const initial_promise = Promise.resolve(0) | |
}; | |
suite.add("mutable_action(initial_data, 17)", function () { | |
mutable_action(initial_data, 17) | |
}); | |
suite.add("immutable_action(initial_data, 17)", function () { | |
immutable_action(initial_data, 17) | |
}); | |
suite.add("initial_future.map(old_value => 17)", function () { | |
initial_future.map(old_value => 17) | |
}); | |
suite.add("initial_future.map(static_fn)", function () { | |
initial_future.map(static_fn) | |
}); | |
suite.add("initial_promise.then(static_fn)", function () { | |
initial_promise.then(static_fn) | |
}); | |
suite.on("cycle", function (evt) { | |
console.log(" - " + evt.target); | |
}); | |
suite.on("complete", function (evt) { | |
console.log(new Array(30).join("-")); | |
var results = evt.currentTarget.sort(function (a, b) { | |
return b.hz - a.hz; | |
}); | |
results.forEach(function (item) { | |
console.log((idx + 1) + ". " + item); | |
}); | |
}); | |
console.log("direct mutable / immutable action vs future like vs promise #jsbench #jsperf"); | |
console.log(new Array(30).join("-")); | |
suite.run(); | |
}); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment