for文内で繰り返し使う変数について

Question

こんばんは。

他人の書いたfor文を見ていてふと思ったので質問させてください。

同じ変数の宣言はパフォーマンスを下げるとあったのですが、人によってfor文内で繰り返し使う変数をfor文の中で宣言している方とそうでない方がいらっしゃいます

//中で宣言するパターン
var array = [];
for(var i=0;i<10;i++){
 var hoge = object;
 array.push(hoge);
}

//外で宣言するパターン
var array = [];
var hoge;
for(var i=0;i<10;i++){
 hoge = object;
 array.push(hoge);
}

実際問題前者と後者でパフォーマンスは変わってくるものなのでしょうか？
よろしくお願いいたします

Answer 1

node.js v5.7.1で計測してみました、速度計測にはbenchmark.jsを使用しています。また、varとはスコープが異なるlet版も合わせて計測しました。

"use strict";
var Benchmark = require("benchmark");
var object = "test";
var times = 100000;

function naka() {
  var array = [];
  for (var i = 0; i < times; i++) {
    var hoge = object;
    array.push(hoge);
  }
}

function soto() {
  var array = [];
  var hoge;
  for (var i = 0; i < times; i++) {
    hoge = object;
    array.push(hoge);
  }
}

function naka_let() {
  let array = [];
  for (let i = 0; i < times; i++) {
    let hoge = object;
    array.push(hoge);
  }
}

function soto_let() {
  let array = [];
  let hoge;
  for (let i = 0; i < times; i++) {
    hoge = object;
    array.push(hoge);
  }
}

(new Benchmark.Suite).add("naka", naka).add("soto", soto)
  .add("naka_let", naka_let).add("soto_let", soto_let)
  .on("cycle", event => console.log(String(event.target)))
  .on("complete", function() {
    console.log("Fastest is " + this.filter("fastest").map("name"));
  })
  .run({async: true});

結果

naka x 1,523 ops/sec ±1.11% (79 runs sampled)
soto x 1,556 ops/sec ±1.11% (82 runs sampled)
naka_let x 1,026 ops/sec ±1.40% (85 runs sampled)
soto_let x 1,011 ops/sec ±1.11% (82 runs sampled)
Fastest is soto

中か外はほとんど誤差です。パフォーマンスは変わらないと思って問題ないと思います。ECMAScript 2015から追加されたletはvarより遅くなるようです。varに比べてチューニングがまだ不十分なのかも知れません。

Comments

[dialbird]

ご返答ありがとうございます！
そして返信が遅れて申し訳ありません。

計測値まで出していただき、誠に参考になります！
letまではまだ手を出せていませんが、将来の参考にさせていただきます！

本当にありがとうございました！

Answer 2

インスタンスが増えるわけではないので変わりません。

それどころか、外で宣言している方は不用意に変数のスコープを広げているだけです。

Comments

[raccy]

JavaScriptのvarは関数スコープですので、forの内でも外でもスコープは変わりませんよ。

[think49]

var は関数スコープなのでスコープは変わっていないのではないでしょうか。

[root_jp]

おっと、JavaScript のブロックスコープは、ES6のletでしたね。。。
失礼しました。

[dialbird]

root_jpさん
ご返答ありがとうございます！

もっとインスタンスに関して知る必要があるとわかりました。
引き続き学んでいこうと思います。

root_jpさん。そして訂正してくださったraccyさん、think49さん。
改めてありがとうございました！