詳解JavaScript作用域、作用域鏈和閉包的用法

// 最外層定義變量
var a = 1;

console.log(a); // 最外層可以訪問

function fnOne() { // 最外層函數(shù)
  
  console.log(a); // 函數(shù)內(nèi)可以訪問
  
  function fnTwo() { // 子函數(shù)
    console.log(a); // 子函數(shù)內(nèi)也可以訪問
  }
}



// 說明
在最外面定義一個(gè)變量，不僅在最外面可以訪問，
在函數(shù)內(nèi)也能訪問，在函數(shù)的子函數(shù)內(nèi)也能訪問。

function fnThree() {
  // 在函數(shù)內(nèi)定義變量
  var b = 2;
  
  console.log(b); // 函數(shù)內(nèi)部可以訪問
  
  function fnFour() {
    console.log(b); // 子函數(shù)內(nèi)也能訪問
  }
}
// 函數(shù)外不能訪問
//console.log(b); 


// 說明
在函數(shù) fnThree 中定義一個(gè)變量 b ，在函數(shù)內(nèi)可以訪問，
在子函數(shù) fnFour 中也能訪問，但在 函數(shù) 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 函數(shù)內(nèi)部定義變量 uesrName ，
并在內(nèi)部定義兩個(gè)子函數(shù)操作 userName，
最后將兩個(gè)子函數(shù)返回（一個(gè)可直接放回，多個(gè)可放到對象中返回。）。

這樣，在函數(shù)外面可以調(diào)用子函數(shù)訪問函數(shù)內(nèi)部的變量，
這兩個(gè)子函數(shù)便實(shí)現(xiàn)了閉包的功能。