js 中 Set实现 vue源码

最新推荐文章于 2021-12-14 11:52:46 发布

原创最新推荐文章于 2021-12-14 11:52:46 发布 · 249 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #javascript

vue 专栏收录该内容

6 篇文章

订阅专栏

本文详细介绍了在Vue框架中如何自定义实现Set类，当原生Set不可用或不符合要求时，Vue通过纯JavaScript提供了自己的Set实现，包括has、add和clear等方法。

这没什么好说的,记录一下vue源码里面Set的定义,很简单;


//检查当前环境下是否有Set类, 并且 Set.toString()=== 'native code'
if (typeof Set !== 'undefined' && isNative(Set)) {
  _Set = Set;
} else {
  // vue中js实现Set
  _Set = (function () {
    function Set () {
      this.set = Object.create(null);
    }
    Set.prototype.has = function has (key) {
      return this.set[key] === true
    };
    Set.prototype.add = function add (key) {
      this.set[key] = true;
    };
    Set.prototype.clear = function clear () {
      this.set = Object.create(null);
    };

    return Set;
  }());
}

源代码在vue 中的vue.esm.js 500行左右;

如果帮到你,谢谢点赞!