jQuery1.9で2回目に実行した関数がnot a functionエラーになる

Question

jQuery1.9でHTML内の特定の要素の位置を取得する関数を用意し、要素ごとに位置を取得しようとしているのですが、2回目に実行した分が以下のようなエラーになります。

Uncaught TypeError: target_pos is not a function at window.onload (test.js:7)

ソースは以下です。

<div class="ow_ura">
hogehoge
</div>

<div class="ow_omote">
hogehoge
</div>

<div class="ow_ura">
hogehoge
</div>

$(function() {
	window.onload =function(){
	
	var ura_pos = target_pos('ow_ura');
	var base_pos = target_pos('ow_ura');
	}
});


function target_pos(target_class){
	target_pos = [];
	$('.'+target_class).each(function(key){
		target_pos[key] = $(this).offset().top;
	});
	return target_pos;
}

エラーの「test.js:7」というのが2回目に実行した行です。

取得される要素側に問題があるのかと思い、全く同じ要素を対象にしたのですが、やはりエラーになります。
対象要素が複数ある場合はそれぞれの位置を取得する必要があるため、eachメソッドを使っていますが、このあたりに問題があるように思うのですが、1回目は正常に処理できているため、原因が特定できていない状況です。

お気づきの点があればご教示いただければ幸いです。
どうぞよろしくお願いいたします。

Answer 1

target_pos関数の中でtarget_posにカラ配列を代入しているので
名前が競合して上書きされています

対策

以下エラー発生

test(1);
test(2);
function test(n){
  test=null;
  console.log(n);
}

競合する名称を、varでローカル変数として回避

test(1);
test(2);
function test(n){
  var test=null;
  console.log(n);
}

Comments

[flow-t]

そういうことですか！
分かるとなんとも恥ずかしい初歩的ミスですが、かなり長時間悩んでいたのでとても助かりました。
本当にありがとうございます。