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

小鱼儿 2022-10-19 00:52 86阅读 0赞

### 文章目录 ###

*   *  ES6基础（var let const 箭头函数）- 学习笔记
     *  定义：var let const
     *  箭头函数
     *  数据结构 set map

## 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){ 
    
        }