下面我就為大家帶來一篇關於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赋值给形参num25、在全域作用域下宣告的變數是全域變數
在私有作用域中宣告的變數是私有變數;函數的形參也是私有的變數;
如何分辨函數中出現的變數是私有的還是全域的?
首先看是否為形參，然後看是否在私有作用域中宣告過(有沒有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);//->undefined2、預解釋只發生在"="的左邊,只把左邊的進行預解釋,右邊的是值是不進行預解釋的
#匿名函數之函數表達式:把函數定義的部分當做值賦值給一個變數或元素的事件
預先解釋的時候: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 預解釋的詳細解讀的詳細內容。更多資訊請關注PHP中文網其他相關文章！
