感謝@百里乘風、@qq_43146937指出的文章中的錯誤。

let宣告變數會形成塊級作用域，且不存在宣告提升，而var存在宣告提升。所以當使用let宣告變數時，不存在宣告提升，length屬性實際上並沒有新增到window物件中。從下面的例子可以看出

所以原文程式碼跑出來的結果是有錯誤的。就像下面的結果

我當時能跑出10,2這個結果是因為事先在控制檯使用var宣告過length屬性，而且沒有關閉瀏覽器，所以window物件上保留著length屬性。

使用var宣告變數，才是這篇文章實際想要分享出來的東西，就像下面。

var length = 10;
function fn() {
    console.log(this.length);
}

var obj = {
  length: 5,
  method: function(fn) {
    fn();
    arguments[0]();
  }
};

obj.method(fn, 1);//輸出是什麼？
 

是不是奇怪為啥輸入(fn,1)兩個引數，是不是賊奇怪為什麼不是10和5或者5和5？？哈哈，慢慢解釋。

最先我以為是形參與實參的問題，但是後來發現不是這樣，於是去跑了個例子

var length = 10;
function fn() {
    console.log(this.length);
}
 
var obj = {
  length: 5,
  method: function() {
    fn();
  }
};
 
obj.method();

上面例子的程式碼執行後，輸出依然是10。如果按照之前實參與形參的想法，輸出應該是5的，所以與形參和實參沒有關係。這裡的this繫結到了全域性物件上，即window物件上。

var length = 10;
function fn() {
    console.log(this.length);
}
 
var obj = {
  length: 5,
  method: function() {
    fn.call(this);
  }
};
 
obj.method();

當我利用call方法改變this的繫結後，輸出就是5了，說明this繫結到了obj物件上。

此時這個問題就需要回到那句"this永遠指向呼叫他的物件"話了，在執行obj.method()方法時，如果函式內部有this，則this確實是指向obj，但是method()內部執行的是fn()函式，而fn()函式繫結的物件是window，即window.fn()。還是用例子來說明。

var length = 10;
function fn() {
    console.log(this.length);
}
 
var obj = {
  length: 5,
  method: function() {
    console.log(this.length);//輸出5，執行method方法時，this繫結到呼叫物件obj上
    fn();//輸出10，執行method方法時，內部執行的是fn()函式，this繫結到了window上，即window.fn();
  }
};
 
obj.method();//輸出5 10

然後別忘了全域性函式fn同時也屬於arguments陣列中的一員，即當作為arguments成員之一呼叫的時候，其作用域就繫結到了arguments上，this也就是指向了arguments物件，所以arguments[0]()這段程式碼呼叫了身為成員的fn()函式，this.length就等於是arguments.length，又因為method傳入的引數為2個，所以最後輸出2。

果然var宣告變數坑真多。。。

題目是在https://zhuanlan.zhihu.com/p/36550058看到的

我也轉載了一波，在本人部落格https://blog.csdn.net/sinat_36521655/article/details/80254621中也可以看

前端萌新，嘿嘿。如解釋有誤，希望大家指出來。