var在函数内部定义变量,则函数体外不可用
内部函数可以访问外部函数的成员,反之不可以
如果两个函数使用了相同的变量名,只要是在函数内部就不会冲突
如果函数内部定义的变量名和外部的变量名一样,则遵循“从内而外”原则,先从自身函数查找,再从函数外部查找
<script> var a='gg' var aaa=function (){ var a='kk' console.log('inner->'+a);//输出kk } console.log('outer->'+a);//输出gg </script>
提升变量的作用域
<script> function ttt(){ var x='x'+y; console.log(x); var y='y'; } //输出结果xundefined </script>
说明:JS执行引擎,自动提升了y的声明,但是不会提升y的赋值
相当于如下代码:
<script> function ttt(){ var y; var x='x'+y; console.log(x); y='y'; } </script>
养成规范:所有的变量定义都放在函数的头部,便于代码维护。
全局函数
全局对象 windows
<script> var x='kakaka'; alert(x); alert(windows.x); //输出结果相同 </script>
<script> window.alert(222); var old_alert=window.alert(); window.alert=function (){};//相当于重新编写了alert函数,故原来的alert()函数失效了 window.alert(123);//因为失效,无法弹出相应窗口 window.alert=old_alert;//恢复 window.alert(999); </script>
JS实际只有一个全局作用域,任何变量(函数也可以视为变量),假设没有再函数范围内查找到,就会向外查找.如果全局作用域里也没有,就会报错referenceError
规范
由于我们的所有全局变量都会绑定到我们的window上,如果不同的JS文件使用了相同的全局变量,就会产生冲突
减少冲突的方法:定义一个唯一的全局变量(命名不要和window相同)
<script> // 唯一全局变量 var kakaka={}; //定义全局变量 kakaka.name='卡卡'; kakaka.add=function (a,b){ return a+b; }; </script>
把自己的代码全部放入自己定义的唯一空间名字中,降低全局命名冲突的问题
局部作用域let
<script> function aaa(){ for (var x=1;x<=5;x++) { console.log(x); } console.log(x+1);//x是for里面的局部变量,但是这里还是可以打印? } </script>
ES6 引入了let,解决局部作用域冲突问题
<script> function aaa(){ for (let x=1;x<=5;x++) { console.log(x); } console.log(x+1);//x是for里面的局部变量,因此不能打印,此处报错 } </script>
常量 const
ES6之前,都是用大写字母命名的变量就是常量,建议不要修改这样的值,但是任然可以修改常量值,全靠自觉
ES6之后,引入const来定义常量,修改常量值会报错。