js 设计模式学习（1）

最近一个人外出旅行 顺便在那座城市买了一本关于JS设计模式的书 供无聊的时候阅读

却发现小有收获 旅游回来以后立马写下心得 做了一个地图 并以此总结此次旅行的经过的地方

尝试1：

尝试写JS类

var TianDiTu = function (lat, lng, zoom) {
            if (this instanceof TianDiTu) {
                var zoomSize = { maxZoom: 18, minZoom: 5 },
                normalm = L.tileLayer.chinaProvider('TianDiTu.Normal.Map', zoomSize),
                normala = L.tileLayer.chinaProvider('TianDiTu.Normal.Annotion', zoomSize),
                imgm = L.tileLayer.chinaProvider('TianDiTu.Satellite.Map', zoomSize),
                imga = L.tileLayer.chinaProvider('TianDiTu.Satellite.Annotion', zoomSize);

                this.normal = L.layerGroup([normalm, normala]);
                this.image = L.layerGroup([imgm, imga]);
                this.center = [lat, lng];
                this.zoom = zoom;
            } else {
                return new TianDiTu(lat, lng, zoom);
            }
        };

        var tdt = TianDiTu(34.618129, 112.454059, 12);

 

尝试2：

尝试将调用地图的方式放入工厂模式：

var CreateMap = function () {
            if (!(this instanceof CreateMap))
                return new CreateMap();
        }
        CreateMap.prototype = {
            init: function () {
                    map = L.map("map", {
                    center: tdt.center,
                    zoom: tdt.zoom,
                    layers: [tdt.normal]
                });

                return this;
            },
            createControl: function () {
                var baseLayers = {
                    "地图": tdt.normal,
                    "影像": tdt.image,
                }

                var overlayLayers = {
                }

                L.control.layers(baseLayers, overlayLayers).addTo(map);
            }
        }
        
        var createMap = new CreateMap();
        createMap.init().createControl();