JS之作用域

简单了解JS中的作用域:

首先,作用域是指一个变量的作用范围,JS中的作用域分为全局作用域和函数作用域.

1.全局作用域:
            * 直接编写在script标签的JS代码,都在全局作用域
            * 全局作用域在页面打开时创建,页面关闭时销毁
            * 在全局作用域中有一个全局对象window,它代表一个浏览器窗口,由浏览器创造我们可以直接使用
            * 在全局作用域中:
                 - 创建的变量都会作为window对象的属性保存
                 - 创建的函数都会作为window对象的方法保存
            * 全局作用域中的变量都是全局变量,在页面的任意地方都可以访问到

var a = 123;
console.log(a)//123
console.log(window.a)//123
function fun(){
	console.log('fun()')
}
fun();//fun()
window.fun();//fun()

2.函数作用域:
            * 调用函数时创建,函数执行完毕后销毁.
            * 每调用一次函数就会创建一个新的函数作用域,他们之间是相互独立的
            * 在函数作用域中可以访问到全局的作用域的变量,在全局作用域无法访问到函数作用域的变量
            * 函数作用域中操作一个变量时,它会首先在自身作用域寻找,若有就直接使用,若没有向上一级作用域寻找
              直到找到全局作用域,若依然没有找到,就报错.
            * 在函数作用域也有变量提升的特性
                 - 使用var关键字声明的变量,会在函数中所有代码执行前被声明
                 - 函数声明会在函数中所有代码执行前执行
            * 在函数中不使用var声明的变量都会变成全局变量

var m = 10;// 全局变量
	function foo(){
		var n = 21;// 局部变量
		console.log(m);
	}
	foo()
	//console.log(n)//报错 n is not difined


var m = '我在全局';
	function fun(){
		var m = '我在函数';
		console.log(m)// 我在函数
	}
	fun();
	console.log(m)// 我在全局

// 在函数作用域也有变量提升的特性
	// 使用var关键字声明的变量,会在函数中所有代码执行前被声明
	// 函数声明会在函数中所有代码执行前执行
	function fun3(){
		console.log(a);// undefined 因为变量提前
		var a = 123;
	}
	fun3();

	// 在函数中不使用var声明的变量都会变成全局变量
	var a = 123;
	function fun4(){
		console.log(a)
		a = 456;
	}
	fun4()
	console.log(a)//456

	// 定义形参就相当于在函数作用域中声明了变量
	var a = 123;
	function fun5(a){
		//相当于 var a;
		console.log(a)
		a = 456;// 这里函数作用域中有a 给函数作用域中的a赋值
	}
	fun5()
	console.log(a)//123