详解JavaScript作用域、作用域链和闭包的用法

// 最外层定义变量
var a = 1;

console.log(a); // 最外层可以访问

function fnOne() { // 最外层函数
  
  console.log(a); // 函数内可以访问
  
  function fnTwo() { // 子函数
    console.log(a); // 子函数内也可以访问
  }
}



// 说明
在最外面定义一个变量，不仅在最外面可以访问，
在函数内也能访问，在函数的子函数内也能访问。

function fnThree() {
  // 在函数内定义变量
  var b = 2;
  
  console.log(b); // 函数内部可以访问
  
  function fnFour() {
    console.log(b); // 子函数内也能访问
  }
}
// 函数外不能访问
//console.log(b); 


// 说明
在函数 fnThree 中定义一个变量 b ，在函数内可以访问，
在子函数 fnFour 中也能访问，但在 函数 fnThree 外是不能访问的。

function User() {
	// 定义私有变量
	var userName = "default";
	
	// 提供 setUserName() 方法
	function setUserName(uName) {
		userName = uName;
	}
	
	// 提供 getUserName() 方法
	function getUserName() {
		return userName;
	}
	
	// 将方法对外开放
	return {
		set: setUserName,
		get: getUserName
	}
}

var user1 = User();
user1.set('tom');
console.log(user1.get());
var user2 = User();
user2.set('jack');
console.log(user2.get());

// 说明
User 函数内部定义变量 uesrName ，
并在内部定义两个子函数操作 userName，
将两个子函数返回（一个可直接放回，多个可放到对象中返回。）。

这样，在函数外面可以调用子函数访问函数内部的变量，
这两个子函数便实现了闭包的功能。