|
|
所有的面向對象的語言都有某種形式的作用域，JavaScript也不例外。在JavaScript里，作用域是由函數(shù)劃分的，而不是由塊（while，if之類的）來劃分的。
我們先來看一個簡單的作用域的例子。
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
在if塊中，雖然foo的值改為“b“，但還是在全局作用域中，所以輸出結果是“b“。
基于瀏覽器的JavaScript語言有一門有趣的特性是，所有屬于全局作用域的變量都是window對象的屬性。
看下面代碼：
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
我們再上例的基礎上，再添加一個函數(shù)來修改foo的值，代碼如下：
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
結果也許有點另你意外，不過結果肯定是正確的。代碼②的結果是輸出 "b"，而不是"c"。原因就是作用域有關，雖然調(diào)用change()來改變foo的值，但是此時的改變只
在函數(shù)作用域內(nèi)起作用，并不會改變?nèi)肿饔糜騼?nèi)的foo的值。
如果想在change()函數(shù)內(nèi)修改全局的foo的值，我們可以去掉變量的聲明，例如：
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
在JavaScript中，如果變量沒有顯式定義，它就是全局定義的。所以調(diào)用change()后，會修改全局foo的值。最終輸出"c" 。
4，上下文對象
在JavaScript中，代碼總是有一個上下文對象，代碼處于該對象之內(nèi)。上下文對象是通過this變量來體現(xiàn)的。這個變量永遠指向當前代碼所處的對象中。
全局對象其實是window對象的屬性。
接下來，我們看一個上下文對象的例子。
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
再此基礎上，我們再看一個例子：
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
本例中，我們把obj.hide變量的上下文對象變?yōu)閣indow對象時，代碼寫得并不好理解。幸運的是，JavaScript提供了一套更好的方法來解決。
現(xiàn)在我們有請call和apply兩位先生上場，通過它們也可以完成同樣的功能。先看call：
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
通過obj.hide.call(window)，我們將此時的上下文對象改為window對象。call方法的第一個參數(shù)就是上下文對象。
call方法也可以傳遞更多的參數(shù)，如下所示：
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
另外apply方法跟call類型，它的第一個參數(shù)也是上下文對象，不過后面的參數(shù)則是一個數(shù)組。如下所示：
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
最后我們來看一個通過上下文，call和apply結合的例子。
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
在setBodyColor函數(shù)中，apply的第二個參數(shù)是數(shù)組，而前面我們講過，arguments 也是一個偽數(shù)組，那么它們2個能聯(lián)系起來嗎？
把 changeColor.apply( document.body , ["blue"]); 改為 changeColor.apply( document.body , arguments );，
然后給setBodyColor();函數(shù)傳參數(shù)。如下代碼所示：
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
通過這些例子，你也許對上下文的概念比較熟悉了。上下文在面向對象的編程中非常重要。
JavaScript技術：JavaScript 中級筆記 第三章，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。
