ECMA Script6 特性整理 - @lfanke个人学习笔记

if (" ") {
    var xxx = 123;
}
console.log(xxx);   // -> 123
if(" ") {
    let xxx = 233;
}
console.log(xxx);   // -> ReferenceError

for (var i=0;i<3;++i) {
    for (var i=0;i<3;++i) {
        console.log(i);
    }
} // -> 0 1 2 因为内层的var i声明覆盖了外层的，所以内层结束外层也结束了..
// 看py就没有这个问题，py是给i赋值，直到StopIteration才停止，与i多少无关
// 但凡有一个let就不会出现这种情况。。。let声明的变量与var隔绝
// var定义的变量可以var重定义，let就会报错，反之也是。。。

var elements = [{}, {}, {}]
for (var i=0;i<elements.length;++i) {
    elements[i].onclick = function () {
        console.log(i)
    }
}
// 此时console.log的 i 是 3，当再次 i=233 时，log(i)就是233
// 可以看到作用域并未被隔绝
// 原来的解决方法是闭包，利用函数作用域隔绝全局作用域
for (var i=0;i<elements.length;++i) {
    elements[i].onclick = (function (i) {
        return function () {console.log(i)}
    })(i)
}
// 现在可以直接利用let来将块级作用域隔离
var elements = [{}, {}, {}]
for (let i=0;i<elements.length;++i) {
    elements[i].onclick = function () {
        console.log(i)
    }
}
// for 括号里是一层作用域，大括号里是一层作用域
for (let i=0;i<3;i++) {
    let i = 'foo';
    console.log(i);
}
// 相当于：
let i = 0;
if (i < 3) {
    let i = 'foo';  // 此时为内层 - 局部的！！！
    console.log(i);
}
i++
...

const emm = 233 // 在 let 基础上多了 `只读` 特性。声明过后不允许再被修改
// 且声明必须赋值。注意：只读是针对内存地址而言的，赋值才会改变内存地址
// 表示不能修改指向的内存地址。但是里面的数据可变，如
const emm = {}
emm.name = 233

let [a, b, c] = li
//此时a是li的首元素，b、c依次，如果数组中只有俩元素，则多出来的是undefined
// 如果只想取一个，则记得逗号不能少
let [, , c] = li
// 剩余元素打包
let [a, ...last] = li    // 仨点只能在最后一个元素上使用
// 如果害怕提取到undefined，则可以提供默认值
let [a, b, c='emm'] = li

let obj = {
    name: 'lfanke',
    age: 17,
    sex: 'man'
}
let {name, age, xxx} = obj;
// 其中，name、age正常取到了，但是由于没有xxx属性，所以xxx为undefined
// 但是直接用属性名常常会产生命名冲突，所以推荐使用别名
let {name: other_name = 'default value'} = obj;
// 成员名 + : + 别名

const {log} = console;
log('你好呀！！！')

// 以前
console.log(
    arr[0], arr[1], arr[2]
)
// 或者
console.log.apply(console, arr)
// 现在
console.log(...arr)

let a = [1, 2, 3, ...[4, 5]]
let b = {name: 'lfanke', ...{age: 17}}