ES6课程内容:

常量

作用域

箭头函数

默认参数

对象代理

不让ES5自动变成ES6的语法：‘/* eslint-disable */’

ES6的常量写法：const 常量名=值；

ES6的作用域：‘let’、 ‘{ }’

箭头函数：（）=>{   }   

箭头函数中this的作用域是指向定义函数的实例

而普通函数中的this作用域是指向其上一级

数组遍历：let add=数组名.map(v=>v+1); console.log(add);

ES6默认值：

在函数声明的时候就赋予了初始值，

function f(x,y=9,z=10){ return x+y+z}

判断x是否赋值:

function check(){ throw new Error('can\'t be emptry')}

function f(x=check(),y=9,z=10){ return x+y+z}

ES6合并数组：

var param=['hello',true,1];

var other=[1,2,...param];

ES6可变参数：

function f(...a){

var sum=0;

a.forEach(item=>{sum+=item*1});

return sum;

} //调用函数，f（1,2,3,4）

ES6对象代理，保护数据：

let Person={name:'es6',sex:'male'};

let person=new Proxy(Person,{

    get(target,key){return target[key]},

    set(target,key,value){if(key!=='sex'){target[key]=value;}}

})

es6环境搭建

通过代理层对原始对象进行读写，保护原始数据：

proxyer 代理层暴露给用户的时候不能直接操作proxy原始数据，只能操作proxyer ，从而达到保护原始数据的效果

ES6 进阶：

// ES5合并数组：
 arr1.concat(arr2);
 
// ES6 合并数组：
var arr1 = ['hello',true.7];
var arr2 = [1,2,...arr1];
console.log(arr2);

1.arguments 不是真正意义上的数组，ES5转化成数组：

var a = Array.prototype.slice.call(arguments); 后方可使用数组的方法forEach();

2. ES6 可变参数：...a 

{
 function checkParam(){ // 检测必要参数有没有传入
   throw new Error('can\'t be empty');
 }
 function f(x = checkParam(),y = 3,z = 5){
    return x + y + z;
 }
 console.log(f(1)); // 
 
 try{
   f();// 没写必要参数
 } catch(err){
   console.log(err);
 } finally{
 
 }
 
}

ES6 默认参数的写法：

function f(x,y = 3,z = 5){
    return x + y + z;
}
console.log(f(1));//9
console.log(f(1,2));//8

箭头函数体中this的指向是定义时this的指向。

如此处b:()...在定义时“this.a”中this指向的是factory函数体中d的this,而factory函数体中d的this指向的是构造函数的实例。所以这里最终输出结果为"a"

{
    var factory = function(){
      this.a = "a";
      this.b = "b";
      this.c = {
        a: "a+",
        b: () => {
          return this.a
        }
      }
    }
    console.log(new factory().c.b()); // a
}

ES6 const 定义常量（只能只读，不能写入）

普通函数中this 的指向是该函数被调用的对象。

如这里函数b()被对象c调用，this就指向对象c。

箭头函数 () => {}

若函数参数只有一个，则“()”可以省略；

若函数内的表达式直接作为返回值，则可以省略花括号“{}”:

//ES6
let evens = [1,2,3,4,5];
let odds = evens.map(i => i + 1);

git clone https://github.com/cucygh/es6-webpack.git

cd es6-webpack && npm install

取消es6语法检测

/*eslint-disable*/

ES6之块级作用域\var let {} 块级作用域,闭包的理解

es6课程简介

环境准备 截图

mac

 git clone https://github.com/cucygh/es6-webpack.git

cd es6-webpack && npm install

Es6进阶指导

git clone https://github.com/cucygh/es6-webpack.git

cd es6-webpack && npm install

!!!!!!不要使用最新版本的node.js！！！！！

建议低版本安装，网址：https://www.0933.me/share/14099311.html

this的指向是该函数被调用的对象。

es6进阶图解

常量，ES5&ES6对比。

已经写好了安装环境，下面是环境准备。

学前准备。

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

es5&es6中常量的理解