【问题标题】:Is it possible to pass an argument to a variable initialized using let?是否可以将参数传递给使用 let 初始化的变量?
【发布时间】:2021-01-20 03:00:47
【问题描述】:

下面是我现在正在学习的教程之一中使用的代码 sn-p。有人可以帮助了解如何将参数“mediastate”传递给“notify”函数中的变量“transientListen”吗?

function createMediaListener(queries) {
  let transientListener = null;

  const keys = Object.keys(queries);

  const queryLists = keys.reduce((queryLists, key) => {
    queryLists[key] = window.matchMedia(queries[key]);
    return queryLists;
  }, {});

  const mediaState = keys.reduce((state, key) => {
    state[key] = queryLists[key].matches;
    return state;
  }, {});

  const notify = () => {
    if (transientListener != null) transientListener(mediaState);
  };

  const listeners = keys.reduce((listeners, key) => {
    listeners[key] = event => {
      mediaState[key] = event.matches;
      notify();
    };

    return listeners;
  }, {});

  const listen = listener => {
    transientListener = listener;
    keys.forEach(key => {
      queryLists[key].addListener(listeners[key]);
    });
  };

  const dispose = () => {
    transientListener = null;
    keys.forEach(key => {
      queryLists[key].removeListener(listeners[key]);
    });
  };

  const getState = () => mediaState;

  return { listen, dispose, getState };
}

export default createMediaListener;

【问题讨论】:

  • 显然可以将一个函数分配给transientListener,从而使transientListener成为一个……函数。可以用参数调用它。因此!= null 之前检查;预计transientListener 要么未设置,要么是一个函数。

标签: javascript variables browser arguments matchmedia


【解决方案1】:

我的理解是,“listen”函数是由模块中的 return 语句调用的。问题是,“listen”函数需要一个参数,否则是:transientListener = listener; => 未定义。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-02-19
    • 1970-01-01
    • 2023-03-06
    • 2020-09-26
    • 2022-07-19
    • 2016-01-13
    • 1970-01-01
    • 2017-07-08
    相关资源
    最近更新 更多