enquire.register('screen and (max-width: 45em)', {// 以下为使用的五种选择// 当媒体查询与上述匹配时，即当窗口宽度小于45em时的响应match: function() {},
// 当窗口从匹配调整到不匹配以后的响应unmatch: function() {},
// 只会响应一次，when the handler is registered?setup: function() {},
// 默认为false,一旦被设置为true,defers execution of the setup function until the first time the media query is matched
deferSetup: true, destroy: function() {},
// triggered when handler is unregistered. Place cleanup code here
destroy: function() {},
});

// 可以把各种回调放在一个数组中
enquire.register('screen and min-width: 45em', [{ match: function() { console.log('handler 1 matched'); } },{ match: function() { console.log('handler 2 matched'); } }
]);// 或者用以下的方式
const query = 'screen and (min-width: 45em)';
enquire.register(query, function() { console.log('handler 3 matched'); });
enquire.register(query, function() { console.log('handler 4 matched'); });
...

enquire
.register('screen and (max-width: 50em)', function() {// handler 1 matched
    });
.register('screen and (max-width: 40em)', function() {// handler 2 matched});   

const query1 = 'screen and (min-width: 40em)';
const query2 = 'screen and (min-width: 5oem)';
const handler1 = {match: function() {},destory: function() { console.log('handler 1 destoryed'); },
};
const handler2 = {match: function() {},unmatch: function() { console.log('handler 2 unmatched'); }
};enquire.register(query1, handler1);
enquire.unregister(query1); // 'handler 1 destoryed'

enquire.register(query2, handler2);
enquire.unregister(query2, handler2); // 'handler 2 unmatched'