爲什麼`this`永遠是構造函數中的`Window`對象？

Question

我有這樣的代碼：

(function() { 

    function App(elements, options) { 

    if (!this instanceof App) return new App(elements, options); 

    var that = this; 

    return this; 

    } 

    window.App = App; 

})(); 

App(document.querySelectorAll('.Slider-slide'), { 
    interval: 5000 
}); 

我的問題是，它從不創建的App一個新的實例，因此，this進一步下跌的代碼始終是Window對象，任何想法，爲什麼？

Answer 1

你如果條件的問題是：

if (!this instanceof App) 

應該是：

if (!(this instanceof App)) 

看看https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Operator_Precedence#Table

Answer 2

更新在穆薩的回答說，該代碼可以用這兩種2種模式的修正：

(function() { 

    function App(elements, options) { 

    if (!(this instanceof App)) return new App(elements, options); 

    var that = this; 

    } 

    window.App = App; 

})(); 

var myapp = App(document.querySelectorAll('.Slider-slide'), { 
    interval: 5000 
}); 

這class結構不需要new電話：

(function() { 
    function App(elements, options) { 
     var that = this; 
    } 

    //calling window.App(/*stuff*/) will always return a new class 
    window.App = function(elements, options) { 
     return new App(elements, options); 
    }; 
})(); 

一小記事 - 當你創建一個類時，你不需要返回它，因爲這是隱式處理的。