jQueryの関数から変数を取得

質問

次のうち変数valを取得してこれとは別の関数で利用したいのですが、どうやればこの変数を取得出来るのでしょうか？
単純な関数だと関数名を付けて戻り値にvalを指定してそれを呼び出してあげれば良いと思うのですが、この場合はどうしたら良いのか分からず頭を悩ませています。

var timer = false;
var replaceWidth = 320;
var prefWidth = parseInt( $( window ).width() );

$( window ).resize( function () {
if( timer !== false ) {
clearTimeout( timer );
}
timer = setTimeout( function () {
var self = $( this );
var windowWidth = parseInt( $( window ).width() );
if( windowWidth <= replaceWidth && replaceWidth < prefWidth ) {
var val = 1;
} else if( replaceWidth < windowWidth && prefWidth <= replaceWidth ) {
var val = 10;
}
prefWidth = windowWidth;
}, 200 );
});

回答No.2

sanzero · ベストアンサー

コードはよく読んでませんがif elseifなので通ってない可能性があります。elseを追加して試してみては。

width()の戻り値はintegerなのでparseIntは不要です。

お礼

ありがとうございました。

補足

ありがとうございます。
elseを追加してみましたが値は変わらず、もう少し考えてみようと思います。

var timer = false;
var replaceWidth = 640;
var prefWidth = $( window ).width();

var val = 0;

$( window ).resize( function () {
if( timer !== false ) {
clearTimeout( timer );
}
timer = setTimeout( function () {
var self = $( this );
var windowWidth = parseInt( $( window ).width() );
if( windowWidth <= replaceWidth && replaceWidth < prefWidth ) {
val = 5;
} else if( replaceWidth < windowWidth && prefWidth <= replaceWidth ) {
val = 10;
} else {
val = 15;
}
prefWidth = windowWidth;
}, 200 );
});
console.log( val );

回答No.3

sanzero

一番下に書かれたconsole.log(val)は読み込んだ時しか走りません。

resizeされたときにvalの値が書き換わります。

お礼

ありがとうございました。

補足

当たり前の事なのに全く気付かずに見過ごしていました…。

細かなところまでアドバイスして頂き感謝しています。
ありがとうございました。

回答No.1

sanzero

valをprefWidthと同様に最初に宣言して、1とか10を代入しているところでvarを付けなければ、続いて記述した関数内で使えます。
javascript 変数 スコープ と言ったキーワードで検索してみてください。

その他
・クッキーに持たせる
・セッションストレージに持たせる。

window widthってparseInt必要かな？

お礼

ありがとうございました。

補足

cookieやローカルストレージ等については今回は利用しない事を前提にしていますが、セッションストレージは便利そうですね…。

parseIntに関しては、確かクロスブラウザ対策で単位が付かないように数値化するのが目的だったと思います。

そして頂いた回答を元に関数の外で変数として宣言(値は0を指定)し、関数内varを付けずに記述してみましたが、変数として宣言した最初の値のまま変化しませんでした。