javascript上でjsonファイルの値を取得して自由に使う

Question

###前提・実現したいこと
ローカル環境でjavascript（以下js）上でjsonファイルの値を取得して変数に格納、それをgulpで使用したい
###発生している問題・エラーメッセージ
jsonファイルを取得する関数内でしか変数が使えず、関数の外で使えるようにしたいのですが、なかなか実現できない状態です。
スコープやコールバック？などいろいろ調べたのですが、理解できず困っております。
下記のjsのコードを使っても、違うやり方でも良いですのでぜひご教授お願いします。

###data.json

{
	"name": "田中太郎",
	"domain": "smple.jp",
	"copyright": "株式会社サンプル"
}

###main.js

(function (handleload) {
	var xhr = new XMLHttpRequest;
	xhr.addEventListener('load', handleload, false);
	xhr.open('GET', 'data.json', true);
	xhr.send(null);
}(function handleLoad(event) {
	var xhr = event.target,
		obj = JSON.parse(xhr.responseText);
	tgtVal = obj.name;
	
	//ここでは取得できる
	console.log(tgtVal);
}));

//ここで使用したい
console.log(tgtVal);

Answer 1

最初にグローバルで変数を宣言しておき
そこに代入しておけばどこからでも参照できます
ただしajaxなど非同期処理の場合参照のタイミングにより
値が想定通りではないこともあるので
promiseなどと併せて使ってください