js作用域及声明提前

全局作用域

  1. 在页面打开时创建,关闭时销毁。
  2. 在全局作用域中有一个全局对象window,可以直接使用。由浏览器创建,可在页面中使用。
  3. 在全局作用中创建的变量,都会作为window对象的属性生成。var a = 10,可用window.a调用。创建的函数都会作为window的方法生成。
var a = 10;
console.log(window.a) //等于console.log(a)
function fun() {}

变量的声明提前

  1. 使用var 关键字声明的变量,会在所有代码执行之前被声明(但是不会赋值)。
  2. 如果声明变量时不使用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  

函数声明提前

  1. 使用函数声明形式创建的函数(fun1)会在所有代码执行之前就被创建,所以可以在函数声明前调用。
  2. 使用函数表达式创建的函数不会被声明提前,所以不能再声明前调用。
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')
}

函数作用域

  1. 调用函数时创建函数作用域,函数执行完后销毁。
  2. 每调用一次函数就会创建一个新的函数作用域,互相独立。
  3. 在函数作用域中可以访问到全局作用域的变量。
  4. 全局作用域无法访问到函数作用域变量。
var a = 10
function fun() {
  var b = 10
  console.log(a)
}
fun() // 10
console.log(b) // Uncaught ReferenceError: b is not defined
  1. 当在函数作用域中操作变量,现在自身作用域中寻找,有就直接使用,没有则向上一级作用域中寻找。
var a = 10
function fun() {
   var a = '函数中a'
   console.log(a) // 函数中a
}
fun() // 10
  1. 在函数作用域中也有声明提前特性,使用var关键字声明的变量会在函数中所有代码执行前被声明(函数声明也会)。
var a = 10
function fun3() {
	console.log(a)    // undefined (var关键字变量声明提前)
	var a = 20
}
  1. 在函数中不使用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
  1. 定义形参相当于在函数作用域中声明了变量。
var e = 23
function fun6(e) {
	console.log(e) // undefined
}
fun6()
发布了27 篇原创文章 · 获赞 4 · 访问量 2826

猜你喜欢

转载自blog.csdn.net/qq_39083496/article/details/102667095
今日推荐