-
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来定义常量,修改常量值会报错。