最后定义的原型函数始终在对象初始化时运行

Question

给出以下代码（StoriesMap.js）......

// Initalization; Creates Map
var StoriesMap = function StoriesMap( id, location, tileset ) {
    this.map = L.map( id ).setView([ location.lat, location.lon ], location.zoom);

    // Add inital points to map
    this.populate( location );

    // Redraw on map movement
    this.map.on("viewreset", function( event ) {
        var location = {
            lat: event.target._animateToCenter.lat,
            lon: event.target._animateToCenter.lng,
            zoom: event.target._animateToZoom
        };

        this.redraw( location );
    });

    var mapTiles = L.tileLayer( tileset.url, { attribution: tileset.attribution, minZoom: 4, maxZoom: 12 } ).addTo( this.map );
}


// Put some points on the map
StoriesMap.prototype.populate = function populate( location ) {
    var priority = location.zoom - 3;

    if ( typeof points === "object" ) {
        var buffer = [];

        for ( var i in points ) {
            var point = points[i];

            if ( point.priority <= priority ) {
                var circle = L.circle([ point.lat, point.lon ], 100000, {
                    color: '#f03', fillColor: '#f03', fillOpacity: 0.5
                }).addTo( this.map );
            }
        }
    }

}

// Filters map contents
StoriesMap.prototype.filter = function filter( map, location ) {
    console.log( "filter" );
}

// Redraws map points
StoriesMap.prototype.redraw = function redraw( map, location ) {
    console.log ( this.map )

    for ( var i in map._layers ) {
        if ( map._layers[i]._path != undefined ) {
            try {
                map.removeLayer( map._layers[i] );
            }
            catch(e) {
                console.log("problem with " + e + map._layers[i]);
            }
        }
    }
}

StoriesMap.prototype.fake = function fake() {
    console.log("Always Called when object is Initialized");
}

当我跑（从我的HTML）：

 var map = new Map();

我总是得到：

Always Called when object is Initialized

在我的控制台中。 无论出于何种原因，我最后定义的原型被视为构造函数，我不知道为什么。 我初始化对象时不希望该函数运行，它是否被认为是构造函数？ 这种情况在我之前发生过，我的正常反应是创建一个名为“假”的最后一个原型函数，并将其留空，但这个问题的解决方案是什么？

Answer 1

此代码在某些时候有其他代码连接到它（可能在某种构建过程或minificaiton期间）。 其他代码以带括号的语句开头：

StoriesMap.prototype.fake = function fake() {
    console.log("Always Called when object is Initialized");
}

// start of other code...
(...);

但是，JavaScript将其读作：

StoriesMap.prototype.fake = function fake() {
    console.log("Always Called when object is Initialized");
}(...);

所以StoriesMap.prototype.fake不等于函数，而是使用带括号的表达式作为参数立即调用函数。 StoriesMap.prototype.fake设置为立即调用的函数的返回值 。

只需在函数表达式的末尾添加一个分号，这不会发生，因为带括号的语句和函数将用分号分隔：

StoriesMap.prototype.fake = function fake() {
    console.log("Always Called when object is Initialized");
};
(...);

JavaScript的自动分号插入仅在缺少分号会导致语言语法违反时才会发生。 有关此示例的示例，请参阅ES 7.9.2的底部：

来源

 a = b + c (d + e).print() 

自动分号插入不会转换，因为从第二行开始的括号表达式可以解释为函数调用的参数列表：

 a = b + c(d + e).print() 

在赋值语句必须以左括号开头的情况下，程序员最好在前一个语句的末尾提供一个显式分号，而不是依赖于自动分号插入。