[javascript] 関数の外から関数内の変数を使う

Question

題名の通り、関数の外から関数内の変数を使えるようにしたいです。
例えば、

function input(){
   var a=1
   var b=2
}

function output(){
   console.log(a)
   console.log(b)
}

input()
output()

というような感じです。
（このままでは a is not defined 的なエラーが表示されてしまいます。）

Answer 1

これではダメなのですか？

var a,b;

function input(){
   a=1;
   b=2;
}

function output(){
   console.log(a);
   console.log(b);
}

input();
output();

Answer 2

スコープといって、function input()の中で定義した変数はその関数の中でしか使えません。output()の中で使おうとすると、input()の外で定義する必要があります。

なお、input()の外に定義したvar aなどはグローバル変数といい、他に新たに定義したfunction other()でも使えるし、その他自作の関数すべてに適用されます。
ですが、グローバル変数はすべての関数からアクセスできるため、プログラムが長くなると、どの関数で書き込まれ、どの関数で読み込まれるのか管理するのが大変になります。また、よきせぬバグを作りこむ理由にもなります。

なので、グローバル変数は極力使わずに、関数内部で必要な変数は関数内部だけで使う方が管理しやすくなります。ES6ではオブジェクト志向的にjavascriptを記述できるので、こちらではクラス単位でも変数を定義できます。

Answer 3

返り値で渡す

'use strict';
function input () {
   var a = 1;
   var b = 2;

   return {a: a, b: b};
}

function output () {
  var obj = input();

   console.log(obj.a);
   console.log(obj.b);
}

output();

関数を返す (クロージャ)

'use strict';
function input () {
   var a = 1;
   var b = 2;

   return function (arg) {
    return {a: a, b: b}[arg];
   };
}

function output () {
  var fn = input();

   console.log(fn('a'));
   console.log(fn('b'));
}

output();

WeakMap

下記コードは簡単な例ですが、WeakMap はキーとなる変数のスコープが get() のスコープに直結する為、スコープ制御がしやすいメリットがあります。

'use strict';
var wm = new WeakMap;

function input (key) {
   var a = 1;
   var b = 2;

   wm.set(key, {a: a, b: b});
}

function output () {
  var obj = {}, inputObject;

  input(obj);
  inputObject = wm.get(obj);

   console.log(inputObject.a);
   console.log(inputObject.b);
}

output();

Re: moscow3 さん

Answer 4

関数の中で定義した変数は関数を抜けると消えてしまいます。
他の方の回答のように関数の外で変数を定義すればどちらの関数からも参照できます。