JS ES6——let和const详解、ES6声明变量的六中方法

21 篇文章 0 订阅
2 篇文章 0 订阅

一、let

1.基本用法

let声明的是变量

2.特性

  1. 不会成为window的属性
  2. 不允许在声明之前就使用(即不存在变量提升现象)
  3. 只在其声明的代码块内有效 - 块级作用域{}
  4. 在相同作用域下,用let声明的变量不允许再重复声明

举例:

//不存在变量提升,会报错
console.log(a);  //Uncaught ReferenceError: a is not defined

let a = 'hello';
//不能重复声明,会报错
let a = 'world';  //Uncaught SyntaxError: Identifier 'a' has already been declared

for(let i=0; i<5; i++){
	console.log(i);
}
//只在声明的代码块有效,for循环之外找let声明的i,无效,所以报错
console.log(i);  //Uncaught ReferenceError: i is not defined

二、const

1.基本用法

const声明一个只读的常量。一旦声明,常量的值就不能改变。
习惯中,为了和变量名区别,常量名全大写,多个单词中间用_隔开

2.特性

  1. const一旦声明,就必须立即初始化,不能留到以后赋值。
  2. 其他特性同let

如果常量保存的是引用数据类型。保存的是地址,所以只要不改变地址,就不改变常量。如下:

const USER = {  
       name:'Jack',
       age:22
   };
console.log(USER.name);  //22
USER.age = 20;
console.log(USER);  //20

3.对象冻结

如果我们不希望声明的常量(引用数据类型)中属性被修改,可以采用对象冻结(Object.freeze())的方法,则无论怎么修改,都会无效。如下:

const USER = Object.freeze({  
       name:'Jack',
       age:22
	});
console.log(USER.name);  //22
USER.age = 20;  // 更改被freeze的常量,不报错,但是会无效
console.log(USER);  //22  年龄还是原值

三、ES6声明变量的六中方法

ES5 只有两种声明变量的方法:var命令和function命令。
ES6 除了添加letconst命令,另外两种声明变量的方法:import命令和class命令。
所以,ES6 一共有 6 种声明变量的方法。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值