函数作用域
作用域指一个变量的作用范围
在JS中一共就两种作用域
全局作用域
- 直接编写在script标签中的JS代码,都是全局作用域
- 全局作用域在我们页面打开是创建,在页面关闭时销毁
- 在全局作用域中有一个全局对象window
代表一个浏览器窗口,它由浏览器创建我们可以直接使用 - 在全局作用域中:
创建的 变量 都会作为window对象的属性保存
创建的 函数 都会作为window对象的方法保存 - 全局作用域中的变量都是全局变量
在页面的任意的部分都可以访问的到 - 在函数中,不使用 var 声明的变量都会成为全局变量,全局已有这个变量就覆盖,没有就创建
函数作用域(局部作用域)
- 调用函数是创建函数作用域,函数执行完毕后,函数作用域销毁
- 每调用一次函数就会创建一个新的函数作用域 他们之间都是相互独立的
- 在函数作用域中可以访问到全局作用域的变量,但是在全局作用域中不能访问到函数作用域
- 当在函数作用域操作一个变量时,它会现在自身作用域中寻找,如果有就直接使用,如果没有就向上一级作用域中找,直到找到全局作用域,如果都没有就会报错(ReferenceError)
- 在函数作用域里想要访问全局作用域变量就加window. (window对象)不然就是就近找
- 在函数作用域中也有声明提前的特性
使用var关键字声明的变量,会在函数中所有的代码执行前被声明
函数声明也会在函数中所有的代码执行之前(执行)被声明 - 在函数中,不使用 var 声明的变量都会成为全局变量
- 在函数中定义形参就相当于在函数作用域声明了变量
变量和函数的声明提前
变量的声明提前
- 使用 var 关键字声明的变量,会在所以的代码执行直接被声明(但是不会赋值)
所以在第一行就打印这个变量不会报错,而是undefined - 但是如果声明变量时不使用var关键字,则变量不会被声明提前
函数的声明提前
- 使用函数声明形式创建的函数function 函数名(){}
它会在我们所以的代码执行前就被创建 - 使用函数表达式形式创建的函数,不会被声明提前,所以不能在声明前调用
var 函数名 = function(){}