ES6基础（var let const 箭头函数）-学习笔记

ES6基础（var let const 箭头函数）- 学习笔记

定义：var let const

	//var
     //let  const
     //let 不存在变量提升
     console.log(a);
     let a = 10;
     //let 同一个作用域下不能重复定义同样的名称
     let a = 10;
     let a = 100;
     console.log(a);
     //有着严格的作用域  块级作用域{}
     function fun(){
         let str = 99;
         if(true){
             let str = 100;
         };
         console.log(str);
     };
     fun();
     //暂时性死区
     let a = b ,b = 1;

     //const 声明的一个只读的常量，一旦声明，常量的值就不能改变
     const x = 10;
     //x = 100;  //error
     console.log(x);

     //const一旦声明了就得初始化，不能只声明不赋值
     const y;    //error

     //数组和对象指向的是对应的内存地址不能改动，对应的值是可以修改
     const arr = [];
     arr.push(1);
     arr[1] = 2;
     console.log(arr)   //[1,2]

     const obj = {};
     obj.id = 123;
     console.log(obj);

箭头函数

	 //箭头函数   简化了函数的定义
     let f = v => v;    //let 变量名 = 参数 => 函数体
     //let f = v =>{return v}
     //es5
     var f = function(v) {
         return v;
     };
     
     let f = () => 123;
     var f = function() {
        return 123;
    };

    var f = function(a,b) {
        return a+b;
    };
    var f = (a,b) => a+b;
    f(2,3)

    var f = (a,b)=> {
        fun2(a,b)
    };

数据结构 set map

	//数据结构 set   map   
    //set  类似于数组  成员信息是唯一
    //map 类似于对象 键值对的方法
    const s = new Set();
    const arr = new Array();  //arr[0] = 1; arr[1] = 2
    const m = new Map();

    //定义
    const s = new Set();
    //add()  //添加
    s.add(1).add(2).add(3).add(3);
    console.log(s);
    //另一种定义
    const s = new Set([1,2,4,62,4,3,2,5,2]);
    
    //类型转换  去重
    var a = Array.from(s);
    console.log(a);  //[]
    var arr = [1,2,4,2,4,2,5,2,3,2,2,2,3,3,2,3,2,2];
    var a2 = [...new Set(arr)];    //...扩展运算符
    console.log(a2)


    //map
    const m = new Map();
    //添加属性
    var a = {id:1};
    m.set(a,1).set('name','abc');
    console.log(m)

    //for of    ES6里增加的
    var arr = ['a','b','c'];
    for(let v of arr) {
        console.log(v)
    };

    for(let [k,v] of m){

    }