JSFiddle - React, Tailwind, and code Playground

by lichangwei

HTML

<div id="result"></div>

JavaScript

$(function(){

    var $result = document.getElementById('result');

    function ticktick( tag ){
        var start = new Date();
        for(var i = 0; i < 10000; i++){
            'me'.times(1000);
        }
        var end = new Date();
        $result.innerHTML += tag + ': ' + (end - start) + 'ms<br/>';
    }

    String.prototype.times = function( number ){
        var result = '';
        for(var i = number; i > 0; i--){
            result += this;
        }
        return result;
    }
    ticktick('for');

    String.prototype.times = function( number ){
        var array = new Array(number);
        for(var i = number; i > 0; i--){
            array[i] = this;
        }
        return array.join('');
    }
    ticktick('for-join');

    String.prototype.times = function( number ){
        return new Array(number + 1).join(this);
    }
    ticktick('join');
    
});