/* eslint-disable */

注释的形式，可以关闭eslint

箭头函数的参数只有一个时，括号可以省略。

如果花括号中的表达式直接作为返回值，也是可以省略花括号的。

环境准备，在Git bash命令行执行命令

学前准备：Git、webpack、js

ES6的块级作用域就只需要用花括号包裹。

这两个的console.log都是true，第二次const声明常量foo并没有报错说是只读，是因为立即执行函数把它们的作用域分隔开了，它们属于不同的作用域下。

这是ES5实现块作用域的方法(使用立即执行函数)。

本课程主要内容：常量、作用域、箭头函数、默认参数、对象代理

console.table(data)  //data必须是数组或者对象，将数据以表格的形式显示

var声明的变量会变量提升，所以这里的 i 其实在全局作用域下。

let声明的变量，会有块级作用域的概念，当前的块级作用域就是在花括号内。会把当前块作用域下变量的值保存下来，供后面的闭包使用，每循环一次，重新生成一次新的作用域。

ES5中常量的写法：

就是通过给对象设置属性的方法，只不过这个常量PI2的属性是挂载在window对象下，并且设置描述符writable为false，变成只读，不可更改

Object.defineProperty(window,"PI2",{

    value: 3.1415926,

    writable: false

})

ES6中常量的写法:

如果改变常量的值，编译会报错

const PI = 3.1415926

https://github.com/cucygh/fe-material

{
    //ES5,可变参数
    function f(){
        var arr = Array.prototype.slice.call(arguments); //获取参数列表，固定写法
        var sum = 0;
        a.forEach(function(item){
            sum += item * 1;
        })
        return sum;
    }
    console.log(f(1,2,3))
}

{
    //ES6 ，可变参数 ...a(其中a就是参数列表)
    function f(...a){
        var sum = 0;
        a.forEach(item => {
            sum += item * 1;
        })
        return sum;
    }
    console.log(f(1,2,3))
}
{
//ES5 合并数组 a1.concat(a2);
//ES6 利用扩展运算符合并数组 var a3 = [...a1, ...a2];
    var a1 = [1,2];
    var other = [3,4,...a1]
    console.log(other)
}
{
//ES5 合并对象 Object.assign(obj1,obj2);
//ES6 利用扩展运算符合并数组 var obj3 = {...obj1,...obj2};
}

https://github.com/cucygh/fe-material

installation

我的环境准备

{
  // ES5
  var Person = {
    name: 'es5',
    age: 15
  };

  Object.defineProperty(Person, 'sex', {
    writable: false,
    value: 'male'
  });

  console.table({name: Person.name, age: Person.age, sex: Person.sex});
  Person.name = 'es5-cname';
  console.table({name: Person.name, age: Person.age, sex: Person.sex});
  try {
    Person.sex = 'female';
    console.table({name: Person.name, age: Person.age, sex: Person.sex});
  } catch (e) {
    console.log(e);
  }
}

{
  // 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 {

  }

}

{
  // ES3,ES5 可变参数
  function f() {
    var a = Array.prototype.slice.call(arguments);
    var sum = 0;
    a.forEach(function(item) {
      sum += item * 1;
    })
    return sum
  }
  console.log(f(1, 2, 3, 6));
}

{
  // ES6 可变参数
  function f(...a) {
    var sum = 0;
    a.forEach(item => {
      sum += item * 1
    });
    return sum
  }
  console.log(f(1, 2, 3, 6));
}