ES6中“变量”详解



## ES6 的变量声明

ES6 中新增了 let 和 const 来定义变量:

- `var`:ES5 和 ES6中,定义**全局变量**(是variable的简写)。
- `let`:定义**局部变量**,替代 var。
- `const`:定义**常量**(定义后,不可修改)。

### var:全局变量

看下面的代码:

```javascript
	{
	    var a = 1;
	}

	console.log(a);   //这里的 a,指的是 区块 里的 a

上方代码是可以输出结果的,输出结果为 1。因为 var 是全局声明的,所以,即使是在区块里声明,但仍然在全局起作用。

再来看下面这段代码:

	var a = 1;
	{
   
	    var a = 2;
	}

	console.log(a);   //这里的 a,指的是 区块 里的 a

上方代码的输出结果为 2 ,因为 var 是全局声明的。

总结:

用 var 定义的全部变量,有时候会污染整个 js 的作用域。

let:定义局部变量

	var a = 2;
	{
   
	    let a = 3;
	}

	console.log(a);

上方代码的输出结果为 2。用 let 声明的变量,只在局部(块级作用域内)起作用。

let是防止数据污染,我们来看下面这个 for 循环的例子,很经典。

1、用 var 声明变量:()

for (var i = 0; i < 10; i++) {
   
    console.log('循环体中:' + i); // 每循环一次,就会在 { } 所在的块级作用域中,重新定义一个新的 i
}

console.log('循环体外:' + i);

上方代码可以正常打印结果,且最后一行的打印结果是10。说明循环体外定义的变量 i,是在全局起作用的。

2、用let声明变量:

for (let i = 0; i < 10; i++) {
   
    console.log('循环体中:' + i);
}

console.log('循环体外:' + i);

上方代码的最后一行无法打印结果,也就是说打印会报错。因为用 let 定义的变量 i,只在{ }这个块级作用域里生效。

总结:我们要习惯用 let 声明,减少var声明带来的污染全局空间

为了进一步说明 let 不会带来污染,需要说明的是:当我们定义了let a = 1时,如果我们在同一个作用域内继续定义let a = 2,是会报错的。

const:定义常量

在程序开发中,有些变量是希望声明后,在业务层就不再发生变化,此时可以用 const 来定义。

举例:

const name = 'smyhvae';  //定义常量

用 const 声明的变量,只在局部(块级作用域内)起作用。

let 和 const 的作用【重要】

let 和 const 的作用如下:

  • 禁止重复声明
  • 支持块级作用域
  • 控制修改

相反, 用var声明的变量:可以重复声明、没有块级作用域、不能限制。

for循环举例【经典案例】

代码1、我们先来看看如下代码:(用 var 定义变量 i)

<!DOCTYPE html>
<html lang="">
  <head>
    <meta />
    <meta />
    <meta />
    <title>Document</title>
  </head>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值