パーフェクトJavaScriptのp254のテストを実行した結果
- MacBookAirで実施
- 1行目は、1000個のspanをgetElementByTagNameで取得して、1000回のループを回して、spanの回数を毎回lengthで取得してエレメントにアクセスした時の時間
- 2行目は、1000個のspanをgetElementByTagNameで取得して、1000回のループを回して、spanの回数は予め変数に求めたものを利用してエレメントにアクセスした時の時間
- 3行目は、1000個のspanをgetElementByTagNameで取得して、戻り値を配列に変換してから、1000回のループを回して、spanの回数を毎回lengthで取得して配列にアクセスした時の時間
- 4行目は、1000個のspanをgetElementByTagNameで取得して、戻り値を配列に変換してから、1000回のループを回して、spanの回数は予め変数に求めたものを利用して配列にアクセスした時の時間
1回目
Firefox | Google Chrome | Safari |
197ms | 185ms | 56ms |
153ms | 78ms | 54ms |
42ms | 6ms | 18ms |
38ms | 6.5ms | 15ms |
2回目
Firefox | Google Chrome | Safari |
194ms | 206ms | 57ms |
150.5ms | 57ms | 49ms |
42ms | 6ms | 16ms |
39ms | 6ms | 22ms |