Javascriptの呼び出し（）メソッド

Question

：

var links = document.querySelectorAll('div'); 
for (var i = 0; i < links.length; i++) { 
    (function(){ 
     console.log(this); 
    }).call(links[i]); 
} 

が、なぜこの仕事ん：

var links = document.querySelectorAll('div'); 
for (var i = 0; i < links.length; i++) { 
    console.log.call(this, links[i]); 
} 

は、すべての呼び出しのコンテキストでウィンドウオブジェクトことになって、このではありません繰り返し？あなたはスニペット怒鳴るを実行する場合、それはあなたが正しいです

var links = document.querySelectorAll('div'); 
for (var i = 0; i < links.length; i++) { 
    console.log(links[i]); 
} 

を呼び出すと何ら変わりません

Answer 1

、この範囲でthisキーワードがwindowオブジェクトにバインドされている、あなたは私が新しいプロパティを追加していることがわかりますSomeUniqueValuecall機能を使用している場合、ルックアップの範囲内でアクセス可能になるウィンドウオブジェクトに移動します。

ここで、そのブロックを関数内にラップすると、thisキーワードが呼び出しブロックのスコープに限定されていることがわかります。最後の例では、spanのみがコンソールに記録されます。明らかに

var links = document.querySelectorAll('div'); 
 
for (var i = 0; i < links.length; i++) { 
 
    console.log(links[i]); 
 
} 
 

 
window.SomeUniqueValue = "WAWAWIWA"; 
 
for (var i = 0; i < links.length; i++) { 
 
    console.log.call(this, SomeUniqueValue); 
 
} 
 

 
var someFunction = function() { 
 
    'use strict'; 
 
    var links = document.querySelectorAll('span'); 
 
    for (var i = 0; i < links.length; i++) { 
 
     console.log.call(this, links[i]); 
 
    } 
 
} 
 

 
someFunction();

<div>This</div> 
 
<div>Works</div> 
 
<div>Fine</div> 
 
<span>Inner Scope</span>