首頁 > web前端 > js教程 > 主體

談談我對JavaScript原型和閉包系列理解(隨手筆記6)_javascript技巧

WBOY
發布: 2016-05-16 15:24:39
原創
1205 人瀏覽過

相關閱讀:談談我對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)的全部敘述,希望大家喜歡。

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!