学习ES6笔记之Day01

Es6 let 和const命令

let命令

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

	

输出结果为:
学习ES6笔记之Day01_第1张图片
通过控制台输出,可以看出,用let声明的y变量在当前代码块中能够使用,超出所在的代码块则会显示not defind.

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


输出结果为:
学习ES6笔记之Day01_第2张图片

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入门》 作者:阮一峰

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

你可能感兴趣的:(前端,es6/es7)