執行環境

執行環境是什么？

• javascript的解釋器每次開始執行一個函數時，都會為每個函數創建一個執行環境（execution context）。
• 執行環境定義了變量或者函數有權訪問的其他數據，決定了他們各自的行為。
• 與執行環境相關的變量對象(ariable object)中有執行環境定義的所有變量和函數

作用域鏈

• 代碼在一個環境中執行，便會創建變量對象的一個作用域鏈(scope chain)。
• 作用域鏈的作用是，保證對執行環境有權訪問的所有變量和函數的有序訪問
• 如果環境是函數，則其活動對象(active object)為環境變量
• 活動對象最開始含有一個變量，名為arguments對象(該變量全局中不存在)
• 作用域鏈的下一個對象來自包含對象，再下一個對象來自下一個包含環境...
• 標識符的解析是沿著作用域鏈逐級向上搜索標識符的過程
• 通過try catch/with 來延長作用域
• 沒有塊級作用域（類C的花括號）

代碼示例

var color = "blue";function changeColor(){if(color == "blue"){color = "red";}else{color = "blue";} } changeColor(); alert(color); // red var color = "blue";function changeColor(){var anotherColor = "red";function swapColor(){var tempColor = anotherColor;anotherColor = color;color = tempColor;// 能訪問 color和anotherColor,tempColor} // 能訪問 color和anotherColorswapColor();alert(color);alert(anotherColor); } // 能訪問 color changeColor(); alert(color); alert(anotherColor); //不能被訪問到 undefined<pre><code><br />####js 垃圾回收 Garbage Collection(GC) &gt; - javascript具有自動垃圾回收機制 - 兩種策略，標記清除和引用計數 ?- 標記清除(較為常見)，第一遍標記所有變量，第二次標記待清除變量 - 引用計數，通過檢測變量引用次數的值判定是否變量可以被回收，問題是存在循環引用問題####Function 類型 &gt; - 每個函數都是Function類型的實例 - 函數是對象，具有屬性和方法，函數名實際上便是指向函數對象的指針 - 函數定義的三種方式 - 函數沒有重載，后定義的會覆蓋之前的 - 將函數名作為變量進行傳參 - 函數的兩個內部屬性**`arguments`**和**`this`**還有一個**`caller`** - 函數的屬性(有個疑問，和內部屬性什么區別么)，兩個`length`(參數個數)和`prototype` - 兩個非繼承方法`apply()` `call()`####代碼示例 *函數的三種定義方式* </code></pre>// 函數定義的三種方式 // 函數聲明 function sum(num1,num2){return num1 + num2; }// 函數表達式 var sum = function(num1,num2){return num1 + num2; };// 使用Function構造函數 兩次代碼解析性能慢 不推薦 var sum = new Function("num1","num2","return num1 + num2");<pre><code>?*函數聲明提升(function declaration hositing)* </code></pre>// 可以訪問sum alert(sum(10,10)); function sum(num1,num2){return num1 + num2; }// 函數表達式則不行 alert(sum1(10,10)); var sum1 = function(num1,num2){return num1 + num2; }<pre><code>這是因為解析器在向執行環境加載數據時候，對于函數聲明和函數表達式，解析器會率先讀取函數聲明，使其在任何代碼之前可用(可以訪問) *作為值的函數，函數名做為變量進行傳參* </code></pre>function callSomeFunction(someFunction,someArgument){return someFunction(someArgument); }function add10(num1){return num1 + 10; }var result = callSomeFunction(add10,10); alert(result);<pre><code><br />*函數的內部屬性* arguments對象上一篇筆記提及，類數組對象包含傳入函數的所有參數 arguments對象擁有一個名為 `callee`的屬性，該屬性是一個指針，指向arguments對象的函數 它的作用： </code></pre>function factorial(num){if(num <= 1){return 1;}else{// return num * factorial(num - 1);return num * arguments.callee(num - 1);} }var trueFactorial = factorial; factorial = function(){return 0; } alert(trueFactorial(5)); // 120 alert(factorial(5)); // 0<pre><code>`callee`作為指針的用法，解除了函數體內代碼和函數名的耦合 **`this`**(很重要，要理解掌握) this引用的是函數據以執行的環境對象或者說是this值(全局作用域調用函數時，this指向的引用就是window) </code></pre>window.color = "red";var o = {color:"blue" }; function sayColor(){alert(this.color); }sayColor();o.sayColor = sayColor; // 函數名是指向函數的指針 o.sayColor();<pre><code>可以通過調試代碼，查看當前所在的this指向的環境對象 **疑問:如果window.color 直接寫color/var color，不是應該也是指向全局的么，為什么會報undefined***兩個非繼承的方法apply() call()* </code></pre>// apply() call() bind() function sum(num1,num2){return num1 + num2; }function applySum(num1,num2){return sum.apply(this,arguments); // 傳入arguments// return sum.call(this,[num1,num2]; //或者傳入數組 } alert(callSum(10,10)); function callSum(num1,num2){return sum.call(this,num1,num2); } alert(callSum(10,10));<pre><code>?*apply()和call() 的作用在于 擴充函數作用域（不明覺厲）* </code></pre>window.color = "red"; var o = {color:"blue" }; function sayColor(){alert(this.color); }var objectSayColor = sayColor.bind(o); // bind方法 傳入對象o objectSayColor();sayColor(); sayColor.call(this); sayColor.call(window); sayColor.call(o);

小結

執行環境的概念

什么是作用域，作用域鏈的作用

函數是個對象，有相應的屬性和方法

前面的哪個疑問 是什么原因？

總結

以上是生活随笔為你收集整理的javascript高程3 学习笔记(三)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。