ES6快速入门

基础知识

• 常量
• 作用域
• 箭头函数
• 默认参数
• 对象代理

环境配置

环境配置过程

环境配置成功结果

ES6基础

常量

const PI = 3.1415926
console.log(PI)

作用域

// ES5 中作用域
const callbacks = []
for (var i = 0; i <= 2; i++) {
    callbacks[i] = function() {
        return i * 2
    }
}

console.table([
    callbacks[0](),
    callbacks[1](),
    callbacks[2](),
])

const callbacks2 = []
for (let j = 0; j <= 2; j++) {
    callbacks2[j] = function() {
        return j * 2
    }
}

console.table([
    callbacks2[0](),
    callbacks2[1](),
    callbacks2[2](),
])
;((function() {
    const foo = function() {
        return 1
    }
    console.log("foo()===1", foo() === 1)
    ;((function() {
        const foo = function() {
            return 2
        }
        console.log("foo()===2", foo() === 2)
    })())
})())

{
    function foo() {
        return 1
    }

    console.log("foo()===1", foo() === 1)
    {
        function foo() {
            return 2
        }

        console.log("foo()===2", foo() === 2)
    }
    console.log("foo()===1", foo() === 1)
}

箭头函数

{
  // ES6
  let evens = [1, 2, 3, 4, 5];
  let odds = evens.map(v => v + 1);
  console.log(evens, odds);
}

默认参数

{
  // ES6 默认参数
  function f(x, y = 7, z = 42) {
    return x + y + z
  }
  console.log(f(1, 3));
} {
  function checkParameter() {
    throw new Error('can\'t be empty')
  }
  function f(x = checkParameter(), y = 7, z = 42) {
    return x + y + z
  }
  console.log(f(1));
  try {
    f()
  } catch (e) {
    console.log(e);
  } finally {}
} 

代理

{
// ES6
let Person = {
name: ‘es6’,
sex: ‘male’,
age: 15
};

let person = new Proxy(Person, {
get(target, key) {
return target[key]
},
set(target,key,value){
if(key!==’sex’){
target[key]=value;
}
}
});

console.table({
name:person.name,
sex:person.sex,
age:person.age
});

try {
person.sex=’female’;
} catch (e) {
console.log(e);
} finally {

}

}