2021-03-17

一、set笔记

1.类似数组

set里面的数据 都是唯一的

2.初始化

new Set()

3.存取值

存值

  add();

4.数组去重

    var arr7 = [77,55,77,99,55];

    var set2 = new Set(arr7);

    console.log(set2);

二、map笔记

1.类似Object

一个 Object 的键只能是字符串或者 Symbols,但一个 Map 的键可以是任意值。

Map 中的键值是有序的(FIFO 原则),而添加到对象中的键则不是。

Map 的键值对个数可以从 size 属性获取,而 Object 的键值对个数只能手动计算。

Object 都有自己的原型,原型链上的键名有可能和你自己在对象上的设置的键名产生冲突。

2.初始化

new Map()

3.存取之

set(key,value)

get(key)

4.长度

size

5.遍历

for in

    for (let key in map){

        console.log(map.get(key));

    }

for of

    for ( let [key,value] of map){

        console.log(key,value);

    }

forEach

    map.forEach(function (item,key) {

        console.log(item,key)

    })

6.可以给函数的形参 添加默认值

    function f(a=1,b=3) {

    }

var fun2 = function () {

        console.log("...");

    }

    var fun2 = ()=>{

        console.log("....");

    }

    fun2();

    //传参数 简化写法

    var fun3 = a => {

        console.log(a);

    }

    var fun4 = (a,b) => {

        console.log(a,b);

    }

    //函数体比较简单 省略花括号

    var sum = (a,b) => a+b;

    var sum = function (a,b) {

        return a+b;

    }

7.箭头函数

作用

语法简洁

var fun2 = function () {

        console.log("...");

    }

    var fun2 = ()=>{

        console.log("....");

    }

    fun2();

    //传参数 简化写法

    var fun3 = a => {

        console.log(a);

    }

    var fun4 = (a,b) => {

        console.log(a,b);

    }

    //函数体比较简单 省略花括号

    var sum = (a,b) => a+b;

    var sum = function (a,b) {

        return a+b;

    }

无需在箭头函数中 再去设置this指向

  function View() {

        this.title = "标题";

        var self = this;

        this.dom = document.querySelector(".container");

        this.dom.onclick = function () {

            alert(self.title)

        }

        this.dom.onclick =  ()=> {

            alert(this.title)

        }

    }

    new View();

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1 ,sessionStorage 、localStorage 和cookie 之间的区别 共同点:用于浏览器端存...
    MerryKong阅读 580评论 0 0
  • 1、es5和es6的区别,说一下你所知道的es6 ECMAScript5,即ES5,是ECMAScript的第五次...
    没糖_cristalle阅读 713评论 0 0
  • 2019.3.38 比较两个文件 英文 detect: 检测2019.3.27 如何找到第一个bug出现的comm...
    饶家俊阅读 2,635评论 0 1
  • 小伙伴大多数还在使用ES5来进行编写,使用ES5这无可厚非,因为ES5毕竟还是主流,速度也更快,但ES6引入的新特...
    cuiyao50阅读 330评论 0 0
  • ES6 箭头函数、函数扩展 ES5: function add(a,b){return a+b;}console....
    紫由袅阅读 366评论 0 1