学习ES6笔记之Day01

Es6 let 和const命令

let命令

let是ES6新增的一个命令,有些类似var,但是在let只会在当前代码块有效,超出当前代码块则会not defined。

	<script>
			{
				var x=1;
				let y=2;
			console.log("代码块内X:"+x);
			console.log("代码块内Y:"+y);
			}
			console.log("代码块外X:"+x);
			console.log("代码块外Y:"+y);
		</script>

输出结果为:
控制台输出
通过控制台输出,可以看出,用let声明的y变量在当前代码块中能够使用,超出所在的代码块则会显示not defind.

修改代码
在之前所在的代码块外声明一个y变量。

<script>
			let y=20;
			{
				var x=1;
				let y=2;
			console.log("代码块内X:"+x);
			console.log("代码块内Y:"+y);
			}
			console.log("代码块外X:"+x);
			console.log("代码块外Y:"+y);
		</script>

输出结果为:
控制台输出

for循环的计时器就非常适合采用let来声明
一个比较常见的面试题:
代码一:

var a = [];
for (var i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[1]();

代码二:

var a = [];
for (let i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[1]();

分别写出上面两个代码块的运行结果。。。。你知道吗?

代码一:
10
代码二:
1
do表达式(了解即可)

相信有同仁看了《ECMAScript 6入门》后,是不是运行过下面这段代码啊

let x = do {
  let t = f();
  t * t + 1;
};

最后发现,编译不通过,这是因为do表达式还只是一个提案,还没有在es6中应用,如果通过就会在下个版本中实现,了解一下就好了。

const命令

const声明的变量不得改变值,这意味着,const一旦声明变量,就必须立即初始化,不能留到以后赋值。

           //以下代码在浏览器控制台执行,并查看结果
            const PI = 3.1415;
			console.log(PI);
			PI = 3;

当const声明一个普通的数据类型时,它的数据被放在栈中,值不能被改变。

            //以下代码在浏览器控制台执行,并查看结果
			const obj = {'value1' : 20, 'value2' : 30}
			const num = obj.value1
			obj.value1= 40
			let obj2 = {'value1' : 20, 'value2' : 30}
			obj =obj2

当const声明一个对象时,我们可以修改对象的属性值,但不能改变对象的地址。
小总结
在计算机中,常量是放在栈中的,而对象是放在堆中的。对于对象赋值,const指向的仅仅是他的地址,cosnt仅仅是保证这个地址不改变,至于地址对应的数据,是可以进行改变的。

学习资料:
《ECMAScript 6入门》 作者:阮一峰

如有不足之处,欢迎指正,谢谢!
每天进步一点点。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值