js——外观模式
让多个方法一起被调用。
如解决浏览器兼容性时的添加/去掉事件监听器的方法:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
const event = {
addEvent: function (target, type, fn) {
if(target.addEventListener) {
target.addEventListener(type, fn);
} else if (target.attachEvent) {
target.attachEvent('on' + type, function () {
return fn.call(target);
})
}
},
removeEvent: function (target, type, fn) {
if(target.removeEventListener) {
target.removeEventListener(type, fn);
} else if (target.detachEvent) {
target.detachEvent('on' + type, function () {
return fn.call(target);
})
}
}
}
</script>
</body>
</html>