let声明变量
用法类似于var,但是所声明的变量只在let所在的代码块内有效。
1 . 在ES6环境下,let声明的变量不能在声明之前调用。
例:
console.log(i); //会报错,这叫做暂时性死区,会提示 i 未定义
let i ;
let不允许在变量还没声明完成前,赋值给其他变量,或者是自己
let a = a; //报错
应该先声明,再赋值
let a ;
a = 1;
或者直接赋值
let a = 1;
var b = b; //不会报错,但是会返回undefined,没有赋值
var a;
2 . 在同级作用域中不能定义多个相同的 let 变量,在不同的作用域中,let 变量不会相互影响
let i = 1;
function foo(){
let i = 2;
let i = 3;
console.log( i );
//会报错,显示变量已经声明过了。
}
foo();
comsole.log( i ) //打印 1
3 . let变量只能在定义的作用域中使用,不能在该作用域之外调用,只要块级作用域存在let命令,它所声明的变量就绑定这个区域不再受外部影响
let s = 0;
var a = "我是外面的";
function li(){
a = "我在里面了"
let s = 1;
let a = "我最大";
function lon(){
let s = 2;
console.log(s); //打印 2
}
lon();
console.log(s); //打印 1
console.log(a); //打印 “ 我最大 ”
};
li();
4.若使用for循环let变量,let变量只在当前循环体内有效,在外面引用就会报错,每次循环时都会创建一个let变量,
js引擎会记住上一次循环的值。for循环设置循环变量的那部分是一个父作用域,而循环内部是一个单独的子作用域。
es6允许块级作用域任意嵌套,块作用域取代了立即执行函数(IIFE)不再必要了
{{{{
let insst = '你好';
{let insst = 'hello';}
console.log(insst)//你好
}}}};
ES5中,函数只能在顶层作用域和函数作用域之中声明,不能在块级作用域中
声明
//es5中会得到"I am inside!",以为在 if 内声明的函数 f 会被提升到函数头部
function lis(){ console.log("123")};
(function(){
//es5中,lis方法会提升到这
if(true){
function lis(){ console.log("块作用域声明");}
}
lis();//显示 块作用域声明
}());
lis();//显示的全局方法;
ES6允许在块级作用域中声明函数,块级作用域之中,函数声明语句的行为类似于
let,在块级作用域之外不可引用,但是如果真的在ES6浏览器中应用,还是会报错
function lis(){ console.log("123")};
(function(){
if(true){
function lis(){ console.log("块作用域声明");}
}
lis();//显示块作用域
}());
原因:如果改变了块级作用域内声明的函数的处理规则,显然会对老的代码产生
很大影响,为了减轻因此产生的不兼容问题,ES6规定,浏览器的实现可以不遵守
其规定,有自己的行为方式
1.允许在块级作用域内声明函数
2.函数声明类似于var,既会提升到全局作用域或函数作用域的头部
3.同时,函数声明还会提升到所在的块级作用域的头部
这三条规则只对ES6的浏览器有效,其他环境不用遵守,还是将块级作用域的函数
声明当做 let 处理
考虑到环境导致的行为差异太大,应该避免在块级作用域内声明函数,如果
确实需要,也应该写成函数表达式,而不是函数声明语句。
{ //不要使用这种
let a = "in of itt";
function f(){
return a;
}
}
{ //块级作用域内优先写成函数表达式
let a = "in of itt";
let f= function (){
return a;
}
}
ES6的块级作用域必须要有大括号,如果没有大括号js引擎就认为不存在块级作用域
if(true) let x = 1;//报错
if(true){
let x =1; //正确
}
const
const声明的叫做常量,与let的特性相差不多,不过除了有let的那些特性之外,它还有自己独立的特点;
const命令
声明一个只读的常量,一旦声明,常量的值就不能改变
const PI = 3.1415;
PI = 3 //会报错
const声明的常量不得改变值,这意味着const一旦声明常量,就必须立即初始化,
不能留到以后赋值。
const foo; //只声明不赋值,会报错
const的作用域与let命令相同:只在声明所在的块级作用域内有效。
详情解释:
const实际上保证的并不是变量的值不得改动,而是变量指向的那个内存地址所保存的数据
不得改动。对于简单的数据(数值,字符串,布尔值),值就保存在变量指向的那个
内存地址,因此等同于常量,但对于复合类型的数据(主要是对象和数组),变量指向
的内存地址,保存的只是一个指向实际数据的指针,const只能保证这个指针是固定的
(既总是指向另一个固定的地址),至于它指向的数据结构是不是可变的,就完全
不能控制了。
const foo = {};
//不报错
foo.lets = 3;
//上面的foo常量存储的是一个地址,这个地址指向一个对象,地址不能变,
//但是对象里面的属性可以变,所以依然可以为其添加新属性。
const foo = {};
//不报错
foo.lets = 3;
//上面的foo常量存储的是一个地址,这个地址指向一个对象,地址不能变,
//但是对象里面的属性可以变,所以依然可以为其添加新属性。
console.log(foo.lets);
const foo = [];
foo.push('Hello'); //使用方法添加,成功
foo.length //成功
foo = ['123'] //失败,不能直接为foo赋值数组
console.log(foo)
const foo = Object.freeze({});
//Object.freeze()
// 阻止对象的任何修改,比如:添加,删除,替换,以及对象的属性
//严格模式下会报错;
//常规模式下,下面一行没用
foo.prop = 123;
console.log(foo)
注:
今天在网上学到的,与大家共同分享,并且记录下来,如有错误,请指出,谢谢!