作用域指一个变量的作用的范围。
全局作用域
直接编写在<script></script>标签中
全局作用域在页面打开时创建,在页面关闭时销毁
在全局作用域中有一个全局对象window。由浏览器创建,可直接使用
在全局作用域中,创建的变量都会作为window对象的属性保存
var a=10;
console.log(window.a);
function fun(){
console.log("我是fun函数");
}
window.fun();
变量的提前声明
使用var关键字声明的变量,会在所有的代码执行之前被声明提前(但是不会赋值)
console.log("a="+a);//a=undefined
var a=123;
相当于
var a;
console.log("a="+a);//a=undefined
a=123;
如果声明变量时不适用var关键字,则变量不会被声明提前,则会报错
console.log("a="+a);//报错
a=123;
函数的提前声明
使用函数声明形式创建的函数function函数(){}
它会在所有的代码执行之前就被创建,所以可以在函数声明前来调用函数
window.fun();//我是fun函数
function fun(){
console.log("我是fun函数");
}
使用函数表达式创建的函数,不会被声明提前,所以不可以在函数声明前来调用函数
window.fun2();//报错
var fun2=function(){
console.log("我是fun2函数");
}
函数作用域
调用函数时创建函数作用域,函数执行完毕以后,函数作用域销毁
每调用一次函数就会创建一个新的函数作用域,他们之间是互相独立的
在函数作用域中可以访问到全局作用域的变量,在全局作用域中无法访问到函数作用域的变量
当在函数作用域操作一个变量时,它会先在自身作用域中寻找,如果有就直接使用,如果没有则向上一级作用域中寻找,直到找到全局作用域,如果全局作用域中依然没有找到,则会报错ReferenceErrorl
在函数中要访问全局变量可以使用window对象
var a=10;
function fun(){
var a=20;
console.log("a="+a);//a=20
console.log("window.a="+window.a);//window.a=10
}
fun();
在函数作用域也有声明提前的特性
使用var关键字声明的变量,会在函数中所有的代码执行之前被声明
函数声明也会在函数中所有的代码执行之前执行
function fun2 () {
console.log("a="+a);//a=undefined
var a=20;
fun3();
function fun3 (){
console.log("fun3()");//fun3()
}
}
fun2();
在函数中,不适用var声明的变量都会成为全局变量
var a=10;
function fun(){
console.log("a="+a);//a=10
a=20;
}
fun();
console.log("a="+a);//a=20;
定义形参就相当于在函数作用域中声明了变量
function fun2(a){
console.log("a="+a);//a=10
}
fun2(10);