作用域(全局作用域、局部作用域、块级作用域、作用域链)的区别。

作用域(全局作用域、局部作用域、块级作用域、作用域链)的区别

  • 1、全局作用域(全局变量)
  • 2、局部作用域(局部变量)
  • 3、块级作用域
  • 4、作用域链
  • 注意

1、全局作用域(全局变量)

在函数外部定义的变量或在函数内部没有使用var声明的变量。在浏览器页面没有关闭之前

一直占用内存空间。比较耗费内存。在浏览器页面关闭时才释放内存。

for(var i=0;i<10;i++){
    sum = i;
}
console.log('i=',++i);

在这里插入图片描述

2、局部作用域(局部变量)

在函数内部用var关键字定义的变量。只在函数内部起作用,函数调用结束后,局部变量所

占的内存就会被释放。

function fun(){
    var sum = 0;
    console.log(sum);
}
fun()
console.log(sum);

作用域(全局作用域、局部作用域、块级作用域、作用域链)的区别。_第1张图片

3、块级作用域

在 ES 6 之前,是没有块级作用域的概念的。

ES 6 可以使用 let 关键字或者 const 关键字来实现块级作用域。

let 或 const声明的变量只在 let 或 const命令所在的代码块 {} 内有效,在 {} 之外不能访问。

for(let i=0;i<10;i++){
    sum = i;
}
console.log('i=',++i);

作用域(全局作用域、局部作用域、块级作用域、作用域链)的区别。_第2张图片

4、作用域链

当在一个函数内部声明另一个函数时,内层函数只能在外层函数作用域内执行,在内层函数

执行的过程中,若需要引入某个变量,首先会在当前作用域中寻找,若未找到,则继续向上

一层级的作用域中寻找,直到全局作用域,称这种链式的查询关系为作用域链。

var s = 0;
function fun(sum){
    console.log('sum=',sum);
    function fun2(){
        console.log('s=',s)
    }
    fun2()
}
fun(110)

在这里插入图片描述

注意

1、在全局作用域下,添加或省略var关键字都可以声明全局变量,全局变量在浏览器关闭页面

的时候才会销毁,比较占用内存资源。

2、在函数中,添加var关键字声明的变量是局部变量,省略var关键字时,如果变量在当前作用

域下不存在,会自动向上级作用域查找变量。局部变量在函数执行完成后就会销毁,比较节

约内存资源。

你可能感兴趣的:(Javascript,前端,javascript,es6)