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入门》 作者:阮一峰
如有不足之处,欢迎指正,谢谢!
每天进步一点点。