DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 談談我對JavaScript原型和閉包系列理解(隨手筆記6)
談談我對JavaScript原型和閉包系列理解(隨手筆記6)
編輯:關於JavaScript     

相關閱讀:談談我對JavaScript原型和閉包系列理解(隨手筆記8)   談談我對JavaScript原型和閉包系列理解(隨手筆記9)

什麼是閉包

閉包是什麼?閉包是Closure,這是靜態語言所不具有的一個新特性。但是閉包也不是什麼復雜到不可理解的東西,簡而言之,閉包就是:

• 閉包就是函數的局部變量集合,只是這些局部變量在函數返回後會繼續存在。

• 閉包就是就是函數的“堆棧”在函數返回後並不釋放,我們也可以理解為這些函數堆棧並不在棧上分配而是在堆上分配

• 當在一個函數內定義另外一個函數就會產生閉包

什麼是原型?

原型是一個對象,其他對象可以通過它實現屬性繼承。

任何一個對象都可以成為原型麼?

哪些對象有原型

所有的對象在默認的情況下都有一個原型,因為原型本身也是對象,所以每個原型自身又有一個原型(只有一種例外,默認的對象原型在原型鏈的頂端).

執行上下文

每次當控制器轉到ECMAScript可執行代碼的時候,即會進入到一個執行上下文。

執行上下文(簡稱-EC)是一個抽象概念,ECMA-262標准用這個概念同可執行代碼(executable code)概念進行區分。

標准規范沒有從技術實現的角度准確定義EC的類型和結構;這應該是具體實現ECMAScript引擎時要考慮的問題。

活動的執行上下文在邏輯上組成一個堆棧。堆棧底部永遠都是全局上下文(global context),堆棧頂部是當前(活動的)執行上下文。堆棧在EC類型的變量(various kingds of EC)被推入或彈出的同時被修改。

--------------------------------------------------------------------------------

情況一: 在一段js代碼拿過來真正一句一句運行之前,浏覽器已經做了一些“准備工作”,其中就包括對變量的聲明,而不是賦值。變量賦值時在賦值語句執行的時候進行的。

情況二: 在“准備工作”階段,this是直接賦值的。

復制代碼 代碼如下:
 console.log(this) //Window

情況三: 函數: 函數表達式和函數聲明

 console.log(f1); //function f1() {}
function f1() {} //函數聲明
console.log(f2); //undefined
var f2 = function() {}; //函數表達式 

“准備工作”總結:

•變量、函數表達式————變量聲明,默認賦值為undefined

 •this————賦值

 •函數聲明————賦值

這三種數據的准備情況我們稱之為“執行上下文”或者“執行上下文環境”。

--------------------------------------------------------------------------------

javascript在執行一個代碼段之前,都會進行這些“准備工作”來生成執行上下文。這個“代碼段”分為三種情況--全局代碼、函數代碼、Eval代碼。

 //全局代碼段
<script type="text/javascript">
 //代碼段...
</script>
//函數代碼段
function fn(x) {
 console.log(x + 5);
}
var fn = new Function("x", "console.log(x + 5)");
//Eval代碼段
eval('var x = 10');
(function foo() {
 eval('var y = 20');
})();
alert(x); //10
alert(y); //"y" is not defined
//因為eval涉及到安全問題(腳本注入),所以盡量不用。 

--------------------------------------------------------------------------------

在函數中,除了“准備工作”的幾種情況,還會有其他數據

 function fn(x) {
 console.log(arguments); //[10]
 conosole.log(x); //10
}
fn(10); 

以上代碼展示了在函數體的語句執行之前,arguments變量和函數參數都已經被賦值。

函數每被調用一次,都會產生一個新的上下文執行環境。因為不同調用那個就可能產生不同的參數。

函數在定義的時候(不是調用)就已經確定了函數體內部自由變量的作用域。

 var a = 10;
function fn() {
 console.log(a); //a是自由變量
}     //函數創建時,就確定了a要取值的作用域
function bar(f) {
 var a = 20;
 f(); //打印"10",而不是"20"
}
bar(fn); 

總結:

全局代碼的上下文環境數據內容為:

 •普通變量(包括函數表達式),如:var a = 10 | ===> 聲明(默認賦值undefined)

 •函數聲明,如function fn() {} | ===> 賦值

 •this | ===> 賦值

函數體

 •參數 | ===> 賦值

 •arguments | ===> 賦值

 •自由變量的取值作用域 | ====> 賦值 

通俗的定義:

在執行代碼之前,把將要用到的所有變量都事先拿出來,有的直接賦值了,有的先用undefined占個位。

以上內容是小編給大家分享的JavaScript原型和閉包系列理解(隨手筆記6)的全部敘述,希望大家喜歡。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved