JavaScript基础：变量的作用域

JavaScript基础：JS函数中声明的所有变量在整个函数中都是有定义的
中说了一些关于作用域的一些比较难以理解的知识点，
说白了就是javascript中全局变量和局部变量的区别。

我觉的再加入一些关于变量的作用域的知识，这样我们会更深入的理解javascript中变量的作用域及如何的规范应用。

知识扩展:

1. 在JavaScript中，作用域是函数划分的，而不是由(block)划分（比如while,if 和 for语句中间）的。

这样导致的结果是某些代码不好理解（如果你曾经使用过用块划分域的语言）。

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29

<script type="text/javascript"> // 定义全局变量 var foo = "test";   // 在 if 块中定义变量 if ( true ) { // 将 foo 置为 'new test' // 注意:重新定义的foo变量现在还在全局作用域中! var foo = "new test"; }   // 正如我所说的,foo应该等于“new test”的 alert( foo == "new test" ); //     // 创建一个会修改变量 foo 的test新函数 function test() { var foo = "old test"; }   // foo只会在函数作用域中起作用 // 调用函数 test();   // 这里确认了 foo 还是等于 'new test' alert( foo == "new test" );   </script>

2.基于浏览器的JavaScrip有个特性，所有属于全局作用域的变量都是window的变量

1 2 3 4 5

<script type="text/javascript"> //定义全局变量 var test = "test"; alert(window.test==test); </script>

3.用var关键字声明变量是一个好习惯，也是最佳实践。

注意：未用var关键字声明的变量，都被视为全局变量（或者叫隐式全局作用域的变量声明)。

1 2 3 4 5 6 7 8 9 10 11

<script type="text/javascript"> //定义一个有foo值的函数 function test(){ foo="test"; } //调用test函数中定义的foo值 test(); //我们发现foo成了全局变量了 //alert(foo=="test"); alert(window.foo=="test"); </script>

4.定义局部变量的两种方式。

第一种：你可以在函数体中使用用var关键字显示的声明变量，就是局部变量。

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<script type="text/javascript"> function test(){ var message="hello!"; alert(message); } </script> <pre lang="javacript" line="1"> <p>第二种：你可以定义函数的时候，将它们声明为参数。</p> <pre lang="javacript" line="1"> <script type="text/javascript"> function test(message){ alert(message); } test("hello!"); </script>

结束！！！！！