無制限の関数を `window`とは別のものに自動的に束縛することはできますか？

Question

いくつかのJavaScriptコードを実行したいとしますが、内部で定義された無制限の関数でもこの新しいコンテキストにバインドされるようにグローバルコンテキストを変更するにはどうすればよいですか？私の現在のアイデアは次の通りです：

(function() { 
    var window = {foo: 'bar'}; // just an example 

    (function() { 
    // PUT CODE HERE 
    }).call(window); 
})(); 

これは簡単なことに役立ちます。どちらも内部関数のコンテキストとwindowオブジェクトは、私が宣言された変数を指すようになります：

(function() { 
    var window = {foo: 'bar'}; // just an example 

    (function() { 
    // <CODE> 
    console.log(this, window); 
    // </CODE> 
    }).call(window); 
})(); 

出力は、私が期待したものである：Object {foo: "bar"} Object {foo: "bar"}。

しかし、内部コード（例えばFunction.prototype.bindを使用していない）、そのthisオブジェクトを指定せずに関数を定義するとき、それは自動的にthisとしてオリジナルwindowオブジェクトを取得します。真にオリジナルwindowオブジェクトへのアクセスを取得するコードの一部を分離する方法はあり

(function() { 
    var window = {foo: 'bar'}; 

    (function() { 
    // <CODE> 
    console.log(this, window); 
    (function() { 
     console.log(this, window); 
    })(); 
    // </CODE> 
    }).call(window); 
})(); 

// This code outputs: 
Object {foo: "bar"} Object {foo: "bar"} 
Window {external: Object, chrome: Object, document: document, configData: Object, speechSynthesis: SpeechSynthesis…} Object {foo: "bar"} 

次のコードと、その出力を確認してください？

Answer 1

strictモードを使用すると、関数が定義されたコンテキスト（new、bind、call、apply）なしで呼び出されます。これは未定義なので、グローバルオブジェクトウィンドウを変更することはできません。 mozilla documentation about strict modeをお読みください。次の文章を検索できます：ブラウザで、それは厳密 モード関数内で、この窓オブジェクトを参照することはもはや 可能だということ、とりわけ、意味ない

。

自分を納得させるためには、ブラウザでこのコードを試すことができます。

function useStrictMode() { 
    'use strict'; 
    console.log(this); 
} 

function noStrict() { 
    console.log(this); 
} 

useStrictMode(); //log undefined 
noStrict(); //log window 

は、あなたのファイルのすべてのコンテンツは、それを使用するようになりますファイルの先頭に「厳格な使用」置きます。しかし、あなたがjsファイルを他のファイルと結びつけてしまうと、問題が生じる可能性があります。実際、 'use strict'はコードの一部を変更していくつかのライブラリを破壊することができます。これは、常に匿名関数ですべてのコードをラップすることが推奨される理由の1つです。

(function(){ 
    'use strict'; 

    //your code go here, function declaration here will use strict mode to 
})();