立即注册 登录
召隆企博汇论坛 返回首页

至臻的个人空间 http://bbs.clogcn.com/?6 [收藏] [复制] [分享] [RSS]

日志

javaScript中关于ES6关键字 let、const 与 var 的区别

已有 374 次阅读2020-1-4 20:00 | html5

var 关键字
1.没有块级作用域
{
   var a = 10;
}
//=> 外面可以拿到 a 这个变量的值
console.log(a); //=> 10

2.var 有变量提升
console.log(a); //=> undefined
if(true) {
//=> var关键字不存在块级作用域,会导致变量提升
var a = 10;
}
3.var 可以重复声明
var a = 10;
var a = 20;
console.log(a); //=> 20

let 关键字
1.拥有块级作用域
{
  let a = 10;
}
//=> 外面不可以拿到 a 这个变量的值
console.log(a); //=>  a is not defined

2.没有变量提升
console.log(a); //=> a is not defined
if(true) {
//=> let 关键字声明的变量不存在变量提升
   let a = 10;
}

3.let 关键字不能重复声明变量
let a = 10;
let a = 20; //=> Identifier 'a' has already been declared
//=> 报错,a已经被声明了
console.log(a);


const 关键字
1.拥有块级作用域
{
  const a = 10;
}
//=> 外面不可以拿到 a 这个变量的值
console.log(a); //=>  a is not defined

2.没有变量提升
console.log(a); //=> a is not defined
if(true) {
//=> const 关键字声明的变量不存在变量提升
  const a = 10;
}

3.const 关键字不能重复声明变量
const a = 10;
const a = 20; //=> Identifier 'a' has already been declared
//=> 报错,a已经被声明了
console.log(a);

4.const 关键字需要变量初始化 (声明变量的时候就要赋值)
const a = 10; //=> 声明变量时需要赋值
const b; //=> Missing initializer in const declaration
b = 10; 

5.const 声明变量后,不可以修改变量的内存地址
(因为这个特性,许多人叫把它声明的数据叫做常量)
const a = 10;
a = 20; //=> Assignment to constant variable.
//=> 但是我们可以不修改变量的内存地址改变内容
const ary = ['one','two','three','four','five'];
ary[0] = 'six';
ary[2] = 'seven';
ary[4] = 'eight';
console.log(ary);


路过

雷人

握手

鲜花

鸡蛋

评论 (0 个评论)

facelist

您需要登录后才可以评论 登录 | 立即注册

QQ|Archiver|手机版|小黑屋|召隆企博汇 ( 粤ICP备14061395号 )

GMT+8, 2024-11-24 02:00 , Processed in 0.020668 second(s), 18 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

返回顶部