vue 源码解析 之test-passive事件

  最近在学习vue的源码,最开始看的的是vue.esm.js 这个文件,前面的内容,让我收获颇丰,觉得vue作者的强大之处;这么说吧,里面的方法直接可以拿出来做工具类了;

  但是看的这一段代码的时候,脑袋有点蒙:

var supportsPassive = false;
if (inBrowser) {
  try {
    var opts = {};
    Object.defineProperty(opts, 'passive', ({
      get: function get () {
        /* istanbul ignore next */
        supportsPassive = true;
      }
    }));
    window.addEventListener('test-passive', null, opts);
  } catch (e) {}
}

    以为是要声明一个事件,之后用,但是看到 addEventListener函数的第二个参数为null,就觉得事情没这么简单; 之前在看书或者查阅资料的时候,记得addEventListener 方法的第三个参数是一个Boolean类型的,但是这里传递的是一个Object类型;

    在此有目的的查阅文档后,才知道addEventListener第三个函数也可以接受一个对象最为参数 原文在这 文档 ;

   

  当vm执行到这里的时候,会读取opts对象的passive的值,这样就触发 passive的get函数,suppoptsPasive 就会变为true;

  所以这段代码是用来检查,当前环境是下addEventListener是否支持passive 属性;

  相信有人会有同样的疑问,特特此记录,共同进步;如果你有不同见解,请指教!