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