JavaScript中let和var的区别

var

var name = "Dtyyyy";
var age = "21";

let

let是es2015以后引入的用来声明变量的新的关键词。

let name = "Dtyyyy";
let age = "21";

var 和 let 区别

let和var的区别体现在作用域上。
1.var和let声明的变量在全局作用域中被定义时，两者十分相似

let name1 = "Dtyyyy";
var name2 = "Dtyyyy";
//但用let声明的变量不会作为全局变量window的属性，var的可以
alert(window.name1);//undefined
alert(window.name2);//Dtyyyy

2.var和let声明的变量在函数作用域中被定义时，两者也一样

function name(){
	let name1 = "Dtyyyy";
	var name2 = "Dtyyyy";
}

3.var和let声明的变量在块作用域中被定义时，两者区别很大

function  aFun1(){
    // i 对于for循环外的范围是不可见的(i is not defined)
    for(let i = 1; i<5; i++){
        //  i只有在这里是可见的
    }
    // i 对于for循环外的范围是不可见的(i is not defined)
}
function aFun2(){
    // i 对于for循环外的范围是可见的
    for(var i = 1;i<5; i++){
        // i 在for 在整个函数体内都是可见的
    }
    // i 对于for循环外的范围是可见的
}

4.var允许在同一作用域中声明同名的变量，而let不可以

let name = "Dtyyyy";
let name = "YnaitD";//Uncaught SyntaxError: Identifier 'name' has already been declared

var name = "Dtyyyy";
var name = "YnaitD";//Dtyyyy被YnaitD替代了

使用let的优势

let 在块作用域中有效，有的时候，我们为了降低变量污染的风险，在块作用域中使用let来代替var，这样不会污染块作用域的外部作用域，降低 bug率，使代码更安全。