ES6中的let和var区别

Posted 2020-11-21 difs

js函数中声明变量有多种方式。

 

var xx;

function test(){
        var aa; //声明一
        let bb;//声明二
        this.cc;//声明三

        //声明一局部代码块
        {
            let dd;//声明四     
        }   
}

 

 

 

那么，这三种方式有什么区别呢？

**区别在于作用域不同。**

let 声明的变量作用域为某个代码块。而代码块的长度可大可小。也就是说，当按声明二的方式声明一个变量时，该变量的作用范围于为整个function语句。当按声明四方式声明一个变量时，该变量的作用范围为局部的代码块。

var声明的变量作用域为整个函数体(当按声明一的方式声明变量时)；当var变量声明在函数外，该var变量的作用域为**整个js文件周期**（全局作用域）。

那么，用this声明的变量呢？

简单地说，用this声明的变量作用域也是全局的。如果实例化test函数   var p=new test()  那么用p能访问test函数内的哪些变量呢？答案是只有cc 。实际上this声明的变量是作用于上下文的。