相關閱讀:談談我對JavaScript原型和閉包系列理解(隨手筆記8) 談談我對JavaScript原型和閉包系列理解(隨手筆記9)
什麼是閉包
閉包是什麼?閉包是Closure,這是靜態語言所不具有的新特性。但閉包也不是什麼複雜到不可理解的東西,簡而言之,閉包就是:
• 閉包就是函數的局部變數集合,只是這些局部變數在函數回傳後會繼續存在。
• 閉包就是是函數的「堆疊」在函數回傳後並不釋放,我們也可以理解為這些函數堆疊並不在堆疊上分配而是在堆上分配
• 當一個函數內定義另一個函數就會產生閉包
什麼是原型?
原型是一個對象,其他對象可以透過它實現屬性繼承。
任何一個物件都可以成為原型麼?
是
哪些物件有原型
所有的對像在預設的情況下都有一個原型,因為原型本身也是對象,所以每個原型自身又有一個原型(只有一種例外,預設的對象原型在原型鏈的頂端).
執行上下文
每次當控制器轉到ECMAScript執行程式碼的時候,即會進入到一個執行上下文。
執行上下文(簡稱-EC)是一個抽象概念,ECMA-262標準用這個概念同可執行程式碼(executable code)概念來區分。
標準規範沒有從技術實現的角度準確定義EC的類型和結構;這應該是具體實現ECMAScript引擎時要考慮的問題。
活動的執行上下文在邏輯上組成一個堆疊。堆疊底部永遠都是全域上下文(global context),堆疊頂部是目前(活動的)執行上下文。堆疊在EC類型的變數(various kingds of EC)被推入或彈出的同時被修改。
----------------------------------------------- ---------------------------------
情況一: 在一段js程式碼拿過來真正一句一句運行之前,瀏覽器已經做了一些“準備工作”,其中就包括對變數的聲明,而不是賦值。變數賦值時在賦值語句執行的時候進行的。
情況二: 在「準備工作」階段,this是直接賦值的。
情況三: 函數: 函數表達式與函數宣告
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)的全部敘述,希望大家喜歡。