ES6中 var，const，let的使用规则
-
var const let的使用
- 默认使用 const
- 当变量需要重新绑定或者需要更新的时候 使用 – let
- 尽量不使用 var
- var定义的变量，作用域是整个封闭函数，是全域的；
- let定义的变量，作用域是在块级或者字块中；
- 变量提升：不论通过var声明的变量处于当前作用于的第几行，都会提升到作用域的最顶部。
- 而let声明的变量不会在顶部初始化，凡是在let声明之前使用该变量都会报错（引用错误ReferenceError）；
- 只要块级作用域内存在let，它所声明的变量就会绑定在这个区域；
-
let不允许在相同作用域内重复声明（报错同时使用var和let，两个let）。
-
报错的情况有：
- 同时使用var，let；
- 两个 let
-
-
const用来专门声明一个常量，它跟let一样作用于块级作用域；
- 没有变量提升，重复声明会报错;
- 不同的是const声明的常量不可改变，声明时必须初始化（赋值）;
-
10.测试和运行代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script>
// var 是函数的作用域，而且可以重新赋值
// const 是块级作用域的，不可以重新赋值
// let 块级作用域，可以重新赋值
let count = 10;
let discount = 0.9;
const key = 'a,b,x';
const person = {
name: "zhang",
age : 10
} // 可以改变对象的属性
const Jelly = Object.freeze(person);//不允许改变对象的属性
(function(){
var name = 'jelly';
console.log(name);
})();//立即执行函数Z
{
const name = "jelly";//使其不覆盖 window 下的name
}
for(let i = 0 ; i < 10;i++ ){
console.log(i)
setTimeout(function(){
console.log(`i:${i}`);
},1000)
}
//0
//1
//2
//3
//4
//5
//6
//7
//8
//9
//i:0
//i:1
//i:2
//i:3
//i:4
//i:5
//i:6
//i:7
//i:8
//i:9
for(var i = 0 ; i < 10;i++ ){
console.log(i)
setTimeout(function(){
console.log(`i:${i}`);
},1000)
}
//0
//1
//2
//3
//4
//5
//6
//7
//8
//9
// 10vsr,const,let.html:65 i:10
</script>
</body>
</html>
版权声明：本文为qq_44891434原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。