【发布时间】: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