談談我對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)的全部敘述，希望大家喜歡。