談談javascript的範圍鏈和this

範圍和this絕對是javascript中最容易讓人栽跟頭的地方之一，閑話少說，先問題個問題？

var a = {  b: 1,  c: function() {    alert(this.b.toString());  }}a.c();b = a.cb();

思考下，再看後面的答案。是不是覺得是：

1
1

公布正確答案

1function () {    console.log(this.b.toString());}

再看下面這段程式：

var b;var a = {  b: 1,  c: function() {    alert(b);  }}a.c();b = a.cb();

正確答案：

undefined
[Function]

ps:如果你一下子就能答出兩道題正確答案，說明你已經比較掌握this的使用，本文可能並不適合你，可以不需要再看接下來的內容

言歸正傳,為什麼是這樣的運行結果呢？

主要請記住重要的這麼幾點：

* JavaScript中的函數運行在它們被定義的範圍裡,而不是它們被執行的範圍裡

* 那就是this指的是，調用函數的那個對象

第一道題中調用b()時，this已經指向全域，所以this.b就是一個函數

第二道題中a.c()和b()得到的是範圍鏈最外層的全域變數b

 

參考文章：

範圍鏈：http://www.laruence.com/2009/05/28/863.html

this用法：http://www.ruanyifeng.com/blog/2010/04/using_this_keyword_in_javascript.html