写在前面的话:最近觉得看过的东西很快就会忘记,所以开始尝试把自己学习过程中的体会记录下来。
这是看阮一峰前辈的es6入门书籍写的笔记,方便自己以后温故而知新,代码均来自大神原书。
1.块级作用域
es6中新增块级作用域,let、const声明的变量只在声明的块级作用域内有效:{ 作用域内},若在作用域外引用变量则报错 X is not defined 。
{
let a = 10;
var b = 1;
}
var c ;
console.log(123)
console.log(b)
console.log(c)
console.log(a)
for(let i = 0;i<10; i++){
console.log(i)
}
console.log(i);
var a = [];
for(var i = 0;i<10;i++){
a[i] = function () {
console.log(i);
};
}
a[6]();
for(let i =0;i<10;i++){
a[i] = function () {
console.log(i)
}
}
a[6]();
2.函数内部变量与循环变量各自作用域分离 互不影响
for(let i = 0 ;i<3; i++){
console.log(i);
let i = 'test test';
console.log(i);
}
3.不存在变量提升 提前引用let声明的变量 报错 is not defined
console.log(bar1);
console.log(bar2);
let bar1 = '啦啦啦';
var bar2 = '啦啦啦';
4.暂时性死区 在块级作用域使用let 那么声明变量绑定此区域 不再受外部影响
var tem = 123;
if(true){
tem = 'aaa';
console.log(tem)
console.log(typeof tem);
let tem;
console.log(typeof tem);
}
console.log(typeof tem);
console.log(typeof aa);
5.同一作用域内 不允许重复声明同一个变量 不能在函数内部重新声明参数
6.es5规定 函数只能在顶层作用域和函数作用域中声明 不能在块级作用域中声明
es6引入块级作用域 允许在块级作用域中声明函数 但最好使用函数表达式 避免使用function命令声明
function f(){
console.log('this is outside function')
}
(function () {
if(false){
function f() {
console.log('this inside function');
}
}else{
function f() {
console.log('this inside function2222');
}
}
f();
})();
7.const命令 声明一个只读常量 一旦声明值不可变,对于基本类型的数据,不能重新赋值;引用类型的数据,不能修改地址,可为数组或对象添加元素、属性、方法