简单聊聊JavaScript中作用域与自执行函数的使用

// 全局作用域
var a = "global_var_a";
console.log("全局作用域中访问：" + a); // 全局作用域中访问：global_var_a

if (true) {
	console.log("在判断语句中访问：" + a); // 在判断语句中访问：global_var_a
}

function getA() {
	console.log("在函数中访问：" + a); // 在函数中访问：global_var_a
}

getA()

// ==================================================================================
// 函数作用域
var a = "global_var_a";
console.log("全局作用域访问：" + a); // 全局作用域访问：global_var_a

if (true) {
	var a = "block_var_a"; // 与全局变量同名
	console.log("在判断语句中访问：" + a); // 在判断语句中访问：block_var_a
}

function getA() {
	var a = "func_var_a"; // 与全局变量同名
	var b = "func_var_b";
	console.log("在函数中访问：" + a); // 在函数中访问：func_var_a
}

getA()
console.log("在全局作用域中访问：" + a); // 在全局作用域中访问：block_var_a；由于允许变量重复声明，导致变量被覆盖
console.log("在全局作用域中访问：" + b); // Uncaught ReferenceError: b is not defined

// ==================================================================================
// 块作用域
var a = "global_var_a";
const b = "global_const_b";

console.log("全局作用域中访问：" + a); // 全局作用域中访问：global_var_a
console.log("全局作用域中访问：" + b); // 全局作用域中访问：global_const_b

if (true) {
	let a = "block_let_a";
	const b = "block_const_b";
	console.log("在判断语句中访问：" + a); // 在判断语句中访问：block_let_a
	console.log("在判断语句中访问：" + b); // 在判断语句中访问：block_const_b
	
	let c = "block_let_c";
    const d = "block_let_d";
}

function getA() {
	let a = "func_let_a";
	const b = "func_const_b";
	console.log("在函数中访问：" + a); // 在函数中访问：func_let_a
	console.log("在函数中访问：" + b); // 在函数中访问：func_const_b

	let e = "func_let_e";
    const f = "func_const_f";
}

getA()
console.log("全局作用域中访问：" + a); // 全局作用域中访问：global_var_a
console.log("全局作用域中访问：" + b); // 全局作用域中访问：global_const_b
// console.log("全局作用域中访问：" + c); Uncaught ReferenceError: c is not defined
// console.log("全局作用域中访问：" + d); Uncaught ReferenceError: d is not defined
// console.log("全局作用域中访问：" + e); Uncaught ReferenceError: e is not defined
// console.log("全局作用域中访问：" + f); Uncaught ReferenceError: f is not defined

if (false) {
	var a = "abc";
	console.log(a);
} else {
	console.log(a);
}
console.log(a);

(function("参数") {"函数方法";})("给参数传的值")
(function("参数") {"函数方法";}("给参数传的值"))
!function("参数") {"函数方法";}("给参数传的值") // ! 可以换作 void 或其他运算符（比如 +，-，= 等，都能起到立即执行的作用）

var myModule = (function(){
	var privateVar ='私有变量';

	function privateFunc(){
		console.log('私有函数');
	}

	return {
		publicFunc: function() {
			console.log('公有函数');
		}
	};
})();

myModule.publicFunc(); // "公有函数"
console.log(myModule.privateVar); // undefined
myModule.privateFunc(); // Uncaught TypeError: myModule.privateFunc is not a function