将实现层与抽象层解耦分离,使两部分可以独立变化
// 抽象
function changeColor(dom, color, bg) {
dom.style.color = color;
dom.background = bg;
}
// 实现v
ar spans = document.getElementsByTagName('span');
spans[0].onmouseover = function() {
changeColor(this, 'red', '#ddd');
}