關於JS 預解釋的相關理解

1、JS中的內存空間分為兩種：棧內存、堆內存

棧內存：提供JS代碼執行的環境;存儲基本數據類型的值; ->全局作用域或者私有的作用域其實都是棧內存

堆內存：存儲引用數據類型的值(對像是把屬性名和屬性值存儲進去,函數是把函數體中的代碼當做字符串存儲進去)

2、當瀏覽器加載我們HTML頁面的時候,首先會提供一個供JS代碼執行的環境->全局作用域(global->window)

3、在JS代碼執行之前,瀏覽器還需要自己做一些事情:把所有帶var/function關鍵字的進行提前的聲明或者定義->"預解釋"(變量提聲)

聲明(declare) -> 告訴瀏覽器我有這樣一個東西啦,例如var num1; function fn;

定義(defined) -> 給我們聲明的變量或者函數賦值,例如num1=12; fn=function(){}

[重要]變量只聲明沒有定義,默認的值是undefined(未定義)

4、var和function在預解釋階段處理是不一樣的

var -> 在預解釋的時候只是提前的聲明了這個變量,只有當代碼執行的時候才會完成賦值操作

function -> 在預解釋的時候會提前的把聲明加定義都完成了(在代碼執行的時候遇到定義的代碼直接的跳過)

[重要]剛開始只對window下的進行預解釋,fn函數中目前存儲的都是字符串,所以var total沒啥實際的意義,所以不進行預解釋-> "預解釋是發生在當前作用域下的"

 console.log(obj);//->undefined var obj = {name: "張珊珊", age: 10}; function fn(num1, num2) {//代碼執行到這一行的時候直接的跳過,因為在預解釋的時候我們已經完成了聲明加定義var total = num1 + num2; console.log(total); } var num1 = 12; fn(num1, 100);//執行fn，把全局變量num1的值賦值給形參num1，把100賦值給形參num2

5、在全局作用域下聲明的變量是全局變量

在私有作用域中聲明的變量是私有變量;函數的形參也是私有的變量;

如何分辨函數中出現的變量是私有的還是全局的?

首先看是否為形參，然後看是否在私有作用域中聲明過(有沒有var過)，兩者有其一就是私有的變量,那麼在當前函數中不管什麼位置出現都是私有的,和全局的沒有半毛錢的關係;如果兩者都沒有，說明不是私有的，則往其上一級作用域進行查找...

6、函數執行的時候會形成一個新的私有的作用域(棧內存),供函數體中的代碼執行;

1)給形參賦值

2)私有作用域下的預解釋

3)私有作用域下的代碼執行

形成的新的私有的作用域還保護了裡面的私有變量不受外界的影響,我們把函數的這種保護機制->"閉包

區別：帶var的可以在代碼執行前進行聲明,而不帶var的不能提前的聲明

1、不管條件是否成立都要進行預解釋

window預解釋:var a; -> window.a; if (!("a" in window)) {//"a" in window -> true var a = "我們"; }console.log(a);//->undefined

2、預解釋只發生在"="的左邊,只把左邊的進行預解釋,右邊的是值是不進行預解釋的

匿名函數之函數表達式:把函數定義的部分當做值賦值給一個變量或者元素的事件

預解釋的時候:var fn; ->fn的默認值是undefined

 fn();//->undefined() Uncaught TypeError: fn is not a function JS中只有函數可以執行&& JS上面的代碼如果報錯了,在不進行任何的特殊處理情況下我們下面的代碼都不在執行了var fn = function () { console.log("ok"); }; fn();預解釋的時候:fn=xxxfff000 fn();//->"ok" function fn() { console.log("ok"); } fn();//->"ok"

3、函數體中return下面的代碼都不在執行了,但是下面的代碼需要參加預解釋；而return後面的東西是需要處理的，但是由於它是當做一個值返回的，所以不進行預解釋；

 var total = 300; function fn() { console.log(total); return function sum() {};//return是把函數中的值返回到函數的外面,這裡是把function對應的內存地址返回的到函數的外面,例如:return xxxfff111;函數體中return下面的代碼都不在執行了var total = 10; } fn();

4、匿名函數的function在全局作用域下是不進行預解釋的

匿名函數之自執行函數:定義和執行一起完成了

(function(num){})(100);

5、在預解釋的時候,如果遇到名字重複了,只聲明一次,不重複的聲明,但是賦值還是要重複的進行的

在JS中變量的名字和函數的名字如果一樣是算作重複的

預解釋：

 var fn; 聲明fn = xxxfff000; [聲明]不要了+定義fn = xxxfff111; [聲明]不要了+定義->fn=xxxfff111 var fn = 12;//window.fn=12 function fn() {//window.fn=function(){} } function fn() { }

以上就是小編為大家帶來的關於JS 預解釋的相關理解全部內容了，希望大家多多支持武林網~