JavaScript中prototype为对象添加属性的误区介绍

MenuControl.prototype.boxDisplay = false;//是否显示图层选择菜单 MenuControl.prototype.controlUI; MenuControl.prototype.show = function(){ if(pointControl.boxDisplay){ pointControl.hide(); } menuBoxDiv.style.display = ""; this.boxDisplay = true; this.controlUI.style.backgroundColor = '#DDDDDD'; }; MenuControl.prototype.hide = function(){ menuBoxDiv.style.display = "none"; this.boxDisplay = false; this.controlUI.style.backgroundColor = 'white'; }; //图层选择开关 function MenuControl(controlDiv, map) { controlDiv.style.padding = '5px'; var controlUI = document.createElement('div'); this.controlUI = controlUI; controlUI.style.backgroundColor = 'white'; controlUI.style.height = '18px'; controlUI.style.borderStyle = 'solid'; controlUI.style.borderWidth = '1px'; controlUI.style.cursor = 'pointer'; controlUI.style.textAlign = 'center'; controlUI.title = '点击启用菜单'; controlDiv.appendChild(controlUI); var controlText = document.createElement('div'); controlText.style.fontFamily = 'Arial,sans-serif'; controlText.style.fontSize = '12px'; controlText.style.paddingLeft = '4px'; controlText.style.paddingRight = '4px'; controlText.innerHTML = '<strong>图层选择</strong>'; controlUI.appendChild(controlText); google.maps.event.addDomListener(controlUI, 'click', function() { if(menuControl.boxDisplay){ menuControl.hide(); }else{ menuControl.show(); } }); } //点开关框体 PointControl.prototype.boxDisplay = false;//是否显示图层选择菜单 PointControl.prototype.controlUI; PointControl.prototype.show = function(){ if(menuControl.boxDisplay){ menuControl.hide(); } pointBoxDiv.style.display = ""; this.boxDisplay = true; this.controlUI.style.backgroundColor = '#DDDDDD'; }; PointControl.prototype.hide = function(){ pointBoxDiv.style.display = "none"; this.boxDisplay = false; this.controlUI.style.backgroundColor = 'white'; }; function PointControl(controlDiv, map) { controlDiv.style.padding = '5px'; var controlUI = document.createElement('div'); this.controlUI = controlUI; controlUI.style.backgroundColor = 'white'; controlUI.style.height = '18px'; controlUI.style.borderStyle = 'solid'; controlUI.style.borderWidth = '1px'; controlUI.style.cursor = 'pointer'; controlUI.style.textAlign = 'center'; controlUI.title = '点击操控点菜单'; controlDiv.appendChild(controlUI); var controlText = document.createElement('div'); controlText.style.fontFamily = 'Arial,sans-serif'; controlText.style.fontSize = '12px'; controlText.style.paddingLeft = '4px'; controlText.style.paddingRight = '4px'; controlText.innerHTML = '<strong>点</strong>'; controlUI.appendChild(controlText); google.maps.event.addDomListener(controlUI, 'click', function() { if(pointControl.boxDisplay){ pointControl.hide(); }else{ pointControl.show(); } }); }