js的單執行緒和預編譯是什麼？

js是單執行緒的語言，也是一門解析型語言，所以他有著屬於自己的一種執行方式，我們所說我預編譯就是js解析型語言的一種解釋。

在我們**執行的時候，我們的瀏覽器會先將js所有需要執行的**全面檢測一遍，目的是排除低階的語法錯誤，檢測到錯誤後，乙個乙個丟擲，而不是一下子全部丟擲，所以js是單執行緒，這也是一種程式設計上的同步。

什麼是js的同步呢？

同步：從上往下按順序執行的程式；弊端：中間任何乙個程式出現問題，下面**乙個都不會執行就像山間小路，乙個不能走了，下面全堵住了

var a = 10 ;
var b = 20 ;
console.log(a)
console.log(c) // c 沒有定義，所以報錯，下面的 console.log(b) 就不會執行
console.log(b)

什麼是js的非同步呢？

非同步(多個出口)：程式的執行順序是無序的。不會存在等待現象，誰快是先執行

就像高速公路，有多條線，但還是只有乙個出口

console.log(a)
var a = 10 ;

那麼大家有沒有一點奇怪呢？為什麼沒有報錯，我們上面說js是一門解析型語言，按道理來說是解析一行執行一行，那麼在我們輸出a的時候，a還是沒有定義的，所以他應該是會報錯的，這裡就要說到我們的預編譯環節了。

首先我們先來簡單的說一下變數提公升，它是屬於預編譯的一種，我先給大家混個眼熟，然後後面再給大家詳細講解。下面我先講解一下簡略版！這個是簡略版，大家且先看看：

將所有變數提公升當前作用域最頂端，賦值為undefined
將函式宣告提公升到作用域最頂端
當變數名與函式名重複的時候 ， 變數賦值  會將函式本體覆蓋 
console.log(a);
var a = 10 ;
// 函式宣告 
function a ()
console.log(a);

那麼下面的**再瀏覽器的解析中會這樣執行：

//首先將所有變數提公升當前作用域最頂端，賦值為undefined
var a = undefined;
// 將函式宣告提公升到作用域最頂端
function a (){}// 當變數名與函式名重複的時候 ， 變數賦值  會將函式本體覆蓋 
console.log(a);//所以a的就從一開始的undefined,變成 function a (){}
a = 10;
console.log(a); // 因為值賦是不會有提公升效果，所以最後執行賦值 a = 10

這樣是否就可以解決大家的困惑了呢？

我來總結一下那麼就是，①變數宣告提公升 ②函式宣告，如果有重名的就將其覆蓋，說到這裡我們就可以解決大部分基礎性問題了，但是我們講了就要將其講的透徹，他為什麼會是這樣的呢？

預編譯存在於函式執行的前一刻！記住了，是函式執行的前一刻，大家先別去想上面的**，先記住我的這句話，因為上面的**講解是存在問題的，僅僅是為了讓大家了解一下什麼叫做變數提公升，函式宣告提公升。

首先大家先看一下這四句話：

預編譯存在於函式執行的前一刻！

1 生成乙個ao 物件

2 將函式體中所有變數宣告和形參，作為ao物件的屬性名，提公升到作用域的最頂端，值為undefined

3 將實參值和形參相統一

4 在函式體中，找函式宣告，函式體賦予值(只有函式宣告才會提公升，表示式不會！！)

js的單執行緒和預編譯是什麼？

js的預編譯和單執行緒是什麼？

js的單執行緒和預編譯是什麼？

JS非同步和單執行緒舉例

js的單執行緒和預編譯是什麼？

js的預編譯和單執行緒是什麼？

js的單執行緒和預編譯是什麼？

JS非同步和單執行緒舉例

相關推薦