js基础之变量作用域


        很多知识别人都总结了,或许我再总结显得有点儿多余,而且我总结的不一定有别人的好。但是我想,知识可能就是这样吧,别人会的,自己也需要会点儿出门麻麻才能放心。

       很多时候理不清楚js里的同名的变量到底访问的是哪一个?为了解决这样的困惑,小菜鸟决定搞搞清楚函数变量作用域问题。

       下面是菜鸟的代码及分析,希望路过的大神多多指教。也希望能给像我一样的初学者一点儿帮助。

      源码演示地址:http://runjs.cn/code/gxlkp020


window.onload = function(){

	var a = '全局变量';
	function show(){
		console.log(a);//1,在show()方法中,此时a还没有赋值,所以打印结果为undefined
		var a = '重新定义a';
		console.log(a);//2,在show()方法中,a已经被声明成局部变量,且a的值为字符串'重新定义a'

		/*show()的方法体等价于下面注释块内的代码
		var a;
		console.log(a);
		a = '重新定义a';
		console.log(a);
		*/
	}
	show();

	function show02(){
		console.log(a);//3,当在局部(show02这个函数中)找不到变量a时,会向父级逐级查询。所以访问到了全局变量。
	}
	show02();

	function show03(){//这个例子说明,没有块级作用域
		if (true) {
			var a = '重新定义a+a';
			console.log(a);//4,输出的是局部重新定义后的a,
		}
		console.log(a);//5,输出的是局部重新定义后的a(距离最近),
	}
	show03();
	console.log(a);//6,访问距离最近的a。

	console.log(typeof(x));

}



猜你喜欢

转载自blog.csdn.net/u014703834/article/details/43194471