| ES6是ECMAscript6.0的简称;是js语言的一个标准，是一个规范。用于复杂、大型应用程序、企业级的开发 |
|---|
| 块级作用域let |
|---|
var 是一个函数作用域
function a(){
if(true){
var str="aa";
}
console.log(str);
}
a();//aa
只要在 a()这个函数体内,var 声明的str变量里的值都可以被取到var aa="11";var aa="22";console.log(aa);//22
let 是一个块级作用域
必须要先声明再使用
function a(){
if(true){
let str="aa";
console.log(str);
}
console.log(str);
}
a();
脱离了if块之后，let生命的str变量将无法被取到，第二个console.log会报错,str未被定义,第一个console.log打印出aa
let aa="11";let aa="22";console.log(aa);//报错显示aa已经被定义
两者区别根本原因：
let不会存在变量提升，而var存在
console.log(str);
var str="aa"//undefined
let str="aa";//报错 str没有被定义
for(var i=0;i<5;i++){
}
console.log(i);//5 通过var 声明 i变量提升变为全局变量
for(let i=0;i<5;i++){//let只在括号内有用处}console.log(i);//let不存在变量提升 所以会报错 i未被定义
js是浏览器边解析边执行，解析器会优化代码，
谷歌V8引擎扫描函数体时,会对var优先执行,导致变量提升
暂时性死区(没有被定义的时候就可能被用到)
var str="aa";
if(true){
str="123";
let str;//str没有被let定义赋值
}
var x=y,y=2;
function a(){
console.log(x,y);//undefined 2
}
let x=y,y=2;function a(){ console.log(x,y);//报错：y没有被定义
}
a();
函数内部重新声明参数
function fun(i){
//let i; 这种方法不可取
if(true){
let i="as";
}
};
let str="111";
if(true){
let str="112";
console.log(str);//112
}
console.log(str);//111
var str="qq";
function fun(){
console.log(str);//undefined
if(false){
var str="ww";
}
}
//函数内部存在变量提升，其实代码就是:
var str="qq";function fun(){ var str;//对str 只声明没有定义
console.log(str);//undefined
if(false){ var str="ww";
}
}
let str="112";
function fun(){
console.log(str);//undefined
if(false){
let str="113";
}
}
符合预期的 for 循环for(var i=0;i<3;i++){ setTimeout(function(){ console.log(i);//3
},10)}for(let i=0;i<3;i++){ setTimeout(function(){ console.log(i);//0 1 2
},10)}可以看到在 for 循环中使用 let 方式声明变量才是符合预期。
在 for 中每一次循环，let 都是重新声明变量，并且因为 JavaScript 引擎会记住上一次循环的值，初始化 i 时在上一轮的基础上计算。
可以看到在 for 循环中至少有两层作用域，看下面的例子更容易理解。
| const声明一个只读的常量,常量的值不能被改变 |
|---|
const类似于let，let是未赋值不能被调用，const会直接报错
不能只声明不赋值，一旦声明变量，必须初始化，不能以后赋值操作
const str={};
str.name="xiaobai";
str.action=function(){
consoole.log(this.name);
}
str={};
str.action()//报错
const 声明的变量必须设置初始值，且不能重复赋值。
// 输出 c3 l3 v3
|
const 定义常量，该常量不能赋值，但该常量的属性可以赋值
const str={};
const ary=[];
str.name="223";
ary.push("3");
console.log(str);//{name: "223"}
console.log(ary);//["3"]
// 禁止给对象赋值，应该使用 Object.freeze
c233.name = 'seven' ; c234.push(27);
console.log(c233, c234);
全局变量不再设置为顶层对象（window）的属性，有效避免全局变量污染
|
|
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理
