全局作用域
- 在页面打开时创建,关闭时销毁。
- 在全局作用域中有一个全局对象window,可以直接使用。由浏览器创建,可在页面中使用。
- 在全局作用中创建的变量,都会作为window对象的属性生成。var a = 10,可用window.a调用。创建的函数都会作为window的方法生成。
var a = 10;
console.log(window.a) //等于console.log(a)
function fun() {}
变量的声明提前
- 使用var 关键字声明的变量,会在所有代码执行之前被声明(但是不会赋值)。
- 如果声明变量时不使用var关键字,则变量不会被声明提前。
使用var 关键字:
console.log(a) // undefined
var a = 123;
等价于:
var a // 声明
console.log(a) // undefined
a = 123; //赋值
不使用var关键字声明变量:
console.log(a) // Uncaught ReferenceError: a is not defined
a = 123
函数声明提前
- 使用函数声明形式创建的函数(fun1)会在所有代码执行之前就被创建,所以可以在函数声明前调用。
- 使用函数表达式创建的函数不会被声明提前,所以不能再声明前调用。
fun1() // 控制台打印 "我是fun1"
console.log(fun2) // undefined
fun2() // Uncaught TypeError: undefined is not a function(fun2不是函数)
function fun1() { // 函数声明,会被提前创建
console.log('我是fun1')
}
var fun2 = function() { // 函数表达式,不会提前创建
console.log('我是fun2')
}
函数作用域
- 调用函数时创建函数作用域,函数执行完后销毁。
- 每调用一次函数就会创建一个新的函数作用域,互相独立。
- 在函数作用域中可以访问到全局作用域的变量。
- 全局作用域无法访问到函数作用域变量。
var a = 10
function fun() {
var b = 10
console.log(a)
}
fun() // 10
console.log(b) // Uncaught ReferenceError: b is not defined
- 当在函数作用域中操作变量,现在自身作用域中寻找,有就直接使用,没有则向上一级作用域中寻找。
var a = 10
function fun() {
var a = '函数中a'
console.log(a) // 函数中a
}
fun() // 10
- 在函数作用域中也有声明提前特性,使用var关键字声明的变量会在函数中所有代码执行前被声明(函数声明也会)。
var a = 10
function fun3() {
console.log(a) // undefined (var关键字变量声明提前)
var a = 20
}
- 在函数中不使用var声明的变量,都会成为全局变量。
var c = 10
function fun5() {
console.log(a) // undefined (var关键字变量声明提前)
c = 20 // 这里改变了全局的c
d = 100 // d 没有使用var关键字则会设置为全局变量
}
console.log(c) // 20
console.log(d) // 100
- 定义形参相当于在函数作用域中声明了变量。
var e = 23
function fun6(e) {
console.log(e) // undefined
}
fun6()