effective js-12-变量声明的提升(没有块级作用域)

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>js-没有块级作用域</title>

</head>

<body>

<script>

window.onload = function() {

   var a = 999;

   var c = 111;

   

   /**

* 此处正好说明,一个变量的块级作用域是不存在的,作用域是包含它的函数

*/

function test() {

       alert("test内部访问外部window.onload的c: " + c); // 111

       alert("此处说明了b变量声明的提升,b: " + b); // 如果没有声明的话,会报错 XXX is not defind.

   var a = 0;

   if(a == 0) {

       var b = 1; // b 变量声明的提升,跟 if 判断没关系,不管真假,都会提升,影响的是b的值

       var a = 3; // 是允许的

   }

   alert("test内部的a: " + a); // 3,test内部的a

   alert("此处说明了块级作用域是不存在的b: " + b); //1  如果块级作用域存在,则此处应该访问不到b

};

test();

alert("window.onload内部的a: " + a); // 999, onload内部的a

   

};

</script>

<p>

1. JS不支持块级作用域,也就是说,一个变量的作用域不是离它最近的封闭语句或代码块,而是包含它们的函数

详见本页的例子

</p>

</body>

</html>

猜你喜欢

转载自mumu-shoucang.iteye.com/blog/2279534